【Android Demo】倒计时功能

这里使用了两种方法去实现倒计时功能,第一种相对于第二种要复杂一些,第一种算是提供一些对Chronometer的拓展思路吧

一、使用Chronometer(计时器)去实现倒计时功能

建一个CountDown类:

继承Chronometer后,在Chronometer的基础上做倒计时器

package com.example.androidviewdemo;
import java.text.SimpleDateFormat;
import java.util.Date;

import android.annotation.SuppressLint;
import android.content.Context;
import android.util.AttributeSet;
import android.widget.Chronometer;
/**
 * @author Squid
 *
 */
public class CountDown extends Chronometer{
 
    private long time;
    private long nextTime;
    private OnTimeCompleteListener clistener;
    private SimpleDateFormat format;    //java中设置时间格式
    @SuppressLint("SimpleDateFormat")
    public CountDown(Context context, AttributeSet attrs) {
        super(context, attrs);
        format=new SimpleDateFormat("mm:ss");//时间格式为   分:秒
        this.setOnChronometerTickListener(listener); //调用Chronometer中的监听器
    }
    /*
     * 
     * 设置时间格式
     */
    @SuppressLint("SimpleDateFormat")
    public void setTimeFormat(String pattern){
        format=new SimpleDateFormat(pattern);
    }

    public void setOnTimeCompleteListener(OnTimeCompleteListener l) {
        clistener=l;
    }

    //Chronometer中的监听器,用于监视时间的改变
    OnChronometerTickListener listener=new OnChronometerTickListener() {
        //此方法中写关于计时器的判断逻辑
        @Override
        public void onChronometerTick(Chronometer chronometer) {
            if (nextTime<=0) {//当倒计时为0或小于0时
                if (nextTime==0) {
                    CountDown.this.stop();//倒计时时间为0时,倒计时停止
                    if (null!=clistener) {
                        clistener.onTimeComplete();
                    }
                }
                nextTime=0;//如时间已经小于0,则将倒计时时间停留在0
                updateTimeNext();//更新时间
                return;
            }
            nextTime--;//当倒计时还没有完成时,继续倒计时
            updateTimeNext();
        }
    };
    /*
     * 初始化时间
     *
     */
    public void initTime(long _time_s){
        time=nextTime=_time_s;
        updateTimeNext();
    }
    private void updateTimeNext() {
        // TODO Auto-generated method stub
        this.setText(format.format(new Date(nextTime*1000)));//设置文本框中时间的显示
    }
    /*
     * 重启
     */
    public void reStart(long _time_s){
        if (_time_s==-1) {
            nextTime=time;
        }else{
            time=nextTime=_time_s;
        }
        this.start();
    }
    public void reStart(){
        reStart(-1);
    }
    /*
     * 继续计时
     */
    public void onResume(){
        this.start();
    }
    /*
     * 暂停计时
     */
    public void onPause(){
        this.stop();
    }

    interface OnTimeCompleteListener{
        void onTimeComplete();
    }
}

使用这个类

package com.example.androidviewdemo;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.os.SystemClock;
import android.util.Log;
import android.view.View;
import android.view.WindowManager;
import android.widget.Chronometer;
import android.widget.Toast;

public class ChronometerActivity extends AppCompatActivity {
    private CountDown countDown;
    private int initTime=120;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_chronometer);
        countDown= findViewById(R.id.cd);
        countDown.initTime(initTime);

        countDown.setOnTimeCompleteListener(new CountDown.OnTimeCompleteListener(){
            @Override
            public void onTimeComplete() {
                // TODO Auto-generated method stub
                Toast.makeText(getApplicationContext(), "倒计时结束", Toast.LENGTH_LONG).show();
            }
        });
    }
    public void btnClick(View view){
        int id=view.getId();
        switch (id) {
            case R.id.button1:
                countDown.reStart();
                break;
            case R.id.button2:
                countDown.onPause();
                break;
            case R.id.button3:
                countDown.onResume();//恢复
                break;
            case R.id.button4:
                countDown.stop();
                countDown.initTime(initTime);
                break;

            default:
                break;
        }
    }
}

布局代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ChronometerActivity">


    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <com.example.androidviewdemo.CountDown
            android:id="@+id/cd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:textSize="60dp"/>

        <Button
            android:id="@+id/button1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="22dip"
            android:onClick="btnClick"
            android:text="开始" />
        <Button
            android:id="@+id/button2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dip"
            android:onClick="btnClick"
            android:text="暂停" />
        <Button
            android:id="@+id/button3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dip"
            android:onClick="btnClick"
            android:text="恢复" />
        <Button
            android:id="@+id/button4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dip"
            android:onClick="btnClick"
            android:text="重置" />
    </LinearLayout>
</RelativeLayout>

二、使用CountDownTimer实现倒计时功能

    private Button btnCaptcha;//一个倒计时按钮
    CountTimer countTimer = new CountTimer(10000, 1000);//实现CountTimer对象,并设置倒计时长为10s,倒计时的间距为1s

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btnCaptcha = findViewById(R.id.btn_captcha);
        //countTimer.start();//如果要到达这个界面就直接开始计时,则可以在这里开始计时
        btnCaptcha.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                countTimer.start();//点击倒计时按钮之后才开始计时
            }
        });
    }
    //建一个内部类去继承CountDownTimer 类
    public class CountTimer extends CountDownTimer {
        public CountTimer(long millisInFuture, long countDownInterval) {//构造方法。参数:倒计时的时长,倒计时的时间间隔(1s)
            super(millisInFuture, countDownInterval);
        }

        //计时过程中,即倒计时完成前
        @Override
        public void onTick(long millisUntilFinished) {
            int time = (int)(Math.round((double)millisUntilFinished/1000)-1);//将毫秒转换成秒
            btnCaptcha.setText(String.valueOf(time)+"s后重新发送");//设置倒计时按钮的剩余时间
            btnCaptcha.setClickable(false);//设置倒计时按钮不可按
            btnCaptcha.setBackgroundColor(Color.parseColor("#c7c7c7"));//设置倒计时按钮上的背景颜色
            btnCaptcha.setTextColor(ContextCompat.getColor(MainActivity.this,android.R.color.black));
            btnCaptcha.setTextSize(16);

        }

        //倒计时完成后
        @Override
        public void onFinish() {
            Log.d("MainActivity","倒计时完成");
            btnCaptcha.setBackgroundColor(ContextCompat.getColor(MainActivity.this,
                    android.R.color.holo_blue_light));
            btnCaptcha.setTextColor(ContextCompat.getColor(MainActivity.this,
                    android.R.color.white));
            btnCaptcha.setTextSize(18);
            btnCaptcha.setText("重新发送");
            btnCaptcha.setClickable(true);
        }
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,744评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,505评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,105评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,242评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,269评论 6 389
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,215评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,096评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,939评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,354评论 1 311
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,573评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,745评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,448评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,048评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,683评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,838评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,776评论 2 369
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,652评论 2 354

推荐阅读更多精彩内容