自定义Chronometer实现定时器

前言

在Android开发过程中，计时控件是经常回使用到的，在Android控件库中有一个能快捷实现计时功能的控件，它就是Chronometer，今天我们基于它自定义实现一个方便调用的计时控件TimeChronometer。
今天涉及知识有：

1. Chronometer常用方法
2. TimeChronometer在Activity中使用
3. 效果图和项目结构图
4. TimeChronometer源码

一. Chronometer 常用方法

Chronometer实质是一个TextView,其具备TextView特性，也有以下自己的特性：

//设置是否倒计时
setCountDown(boolean countDown)

//获取是否倒计时
isCountDown()

//设置基准时间
setBase(long base)

//设置时间格式
setFormat(String format)

//设置定时器监听
setOnChronometerTickListener(OnChronometerTickListener listener)

//启动
start()

//停止
stop()

需要注意的是Chronometer的setFormat(String format)方法并不能改变时间显示格式，Chronometer显示格式为00:00:00

二. TimeChronometer 在 Activity 中使用

这里我继承Chronometer实现了一个方便调用的定时器TimeChronometer，下面给出
TimeChronometer在Activity中使用过程。
先在Activity中引用控件：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".ui.MainActivity">

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.08" />

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="计时"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv_name" />

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="倒计时"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btn" />

    <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="重置"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btn2" />


    <com.ktdemo.function.TimeChronometer
        android:id="@+id/timeChronometer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btn3" />

</androidx.constraintlayout.widget.ConstraintLayout>

然后在Activity中调用：

@RequiresApi(Build.VERSION_CODES.N)
class MainActivity : AppCompatActivity(), View.OnClickListener {

    private lateinit var mBingding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        mBingding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(mBingding.root)

        initData()
        setListener()
    }

    private var initData = {
        mBingding.tvName.text = "我是谁"
    }

    private var setListener = {
        LogUtil.i("====setListener=====")

        mBingding.btn.setOnClickListener(this)
        mBingding.btn2.setOnClickListener(this)
        mBingding.btn3.setOnClickListener(this)
    }


    override fun onClick(v: View) {
        when (v.id) {
            R.id.btn -> {

                LogUtil.i("====我点击了=====")

                mBingding.timeChronometer.countUp(10*1000,{
                    LogUtil.i("=======这是什么======")
                    Toast.makeText(this@MainActivity,"结束了？",Toast.LENGTH_SHORT).show()
                })
            }
            R.id.btn2 -> {
                LogUtil.i("====我点击了===2==")

                mBingding.timeChronometer.countDown(10*1000,{
                    LogUtil.i("=======这是什么======")
                    Toast.makeText(this@MainActivity,"结束了？",Toast.LENGTH_SHORT).show()
                })

            }
            R.id.btn3 -> {
                LogUtil.i("====我点击了===3==")

                mBingding.timeChronometer.reset()
            }
            else -> {

            }
        }
    }

}

三. 效果图和项目结构图

项目结构图.jpg 效果图.gif

四. TimeChronometer 源码

下面给出TimeChronometer源码：