Android笔记(三十二)：封装一个毫秒级别倒计时View

🕗 发布于 2024-11-05 10:56 android 笔记自定义View

效果

倒计时View视频

背景

业务场景需要显示带有毫秒级别的倒计时，于是自己封装一个通用的倒计时组件

源码分析

核心倒计时逻辑，主要是每隔100毫秒计算一次从开始倒计时到现在的剩余时间，并通过process接口返回出去
Handler每次设置100毫秒的延迟
将返回出来的时间解析出来

private fun formatTimeToView(remainTime: Long) {
val lengthSec = remainTime / 1000
    val hours = lengthSec / 3600
    val rem = lengthSec % 3600
    val minutes = rem / 60
    val seconds = rem % 60
    val milliseconds = remainTime % 1000
    tvMill.text = String.format("%03d", milliseconds)
    tvHour.text = String.format("%02d", hours)
    tvMin.text = String.format("%02d", minutes)
    tvSecond.text = String.format("%02d", seconds)
}

完整源码

class MillCountdownView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null
) : LinearLayout(context, attrs) {

    private val root = LayoutInflater.from(context).inflate(R.layout.view_count_down, this, true)

    private val countDownTask: CountDownRunnable
    private val tvHour: TextView
    private val tvMin: TextView
    private val tvSecond: TextView
    private val tvMill: TextView
    init {
    background = context.getDrawable(R.drawable.count_down_item_bg)
        orientation = HORIZONTAL
        gravity = Gravity.CENTER_VERTICAL
        tvHour = root.findViewById(R.id.tvHour)
        tvMin = root.findViewById(R.id.tvMin)
        tvSecond = root.findViewById(R.id.tvSecond)
        tvMill = root.findViewById(R.id.tvMill)
        countDownTask = CountDownRunnable(1).apply {
            listener = object : TaskListener {
                override fun finish() {
                    tvHour.text = "00"
                    tvMin.text = "00"
                    tvSecond.text = "00"
                    tvMill.text = "000"
                    Toast.makeText(context, "倒计时结束", Toast.LENGTH_SHORT).show()
                }

                override fun process(remainTime: Long) {
                    if (remainTime < 1) {
                        tvHour.text = "00"
                        tvMin.text = "00"
                        tvSecond.text = "00"
                        tvMill.text = "000"
                        return
                    }
                    formatTimeToView(remainTime)
                }
            }
        }
    }

    private fun formatTimeToView(remainTime: Long) {
        val lengthSec = remainTime / 1000
        val hours = lengthSec / 3600
        val rem = lengthSec % 3600
        val minutes = rem / 60
        val seconds = rem % 60
        val milliseconds = remainTime % 1000
        tvMill.text = String.format("%03d", milliseconds)
        tvHour.text = String.format("%02d", hours)
        tvMin.text = String.format("%02d", minutes)
        tvSecond.text = String.format("%02d", seconds)
    }

    /**
     * 预先展示倒计时文本
     * @param remainTime 倒计时时间，单位毫秒
     */
    fun preShowRemainSecs(remainTime: Long) {
        countDownTask.totalCountDownTime = remainTime
        formatTimeToView(remainTime)
    }

    /**
     * 开始倒计时
     * @param remainTime 倒计时时间，单位毫秒
     */
    fun startCountdown(remainTime: Long) {
        countDownTask.destroy()
        countDownTask.totalCountDownTime = remainTime
        countDownTask.start()
    }

    fun destroyCountdown() {
        countDownTask.destroy()
    }
}

class CountDownRunnable(@IntRange(from = 1)var totalCountDownTime: Long) : Runnable {

    private val mHandler = Handler(Looper.getMainLooper())
    var listener: TaskListener? = null

    private var startCountDownTime = 0L //开始时当前系统时间

    private var isTaskExecuting = false

    override fun run() {
        if (!isTaskExecuting) {
            return
        }
        val dur = SystemClock.elapsedRealtime() - startCountDownTime
        val remainTime = totalCountDownTime - dur
        val mill = remainTime % 1000

        if (remainTime <= 0) {
            listener?.finish()
            isTaskExecuting = false
            return
        } else {
            listener?.process(remainTime)
        }
        mHandler.postDelayed(this, 100)
    }

    fun start() {
        startCountDownTime = SystemClock.elapsedRealtime()
        mHandler.post(this)
        isTaskExecuting = true
    }

    fun resume() {
        val remainTime = totalCountDownTime - ((SystemClock.elapsedRealtime() - startCountDownTime) / 1000).toInt()
        if (remainTime <= 0) {
            listener?.finish()
            return
        }
        mHandler.removeCallbacks(this)
        isTaskExecuting = true
        mHandler.post(this)
    }

    fun pause() {
        isTaskExecuting = false
        mHandler.removeCallbacks(this)
    }

    fun destroy() {
        isTaskExecuting = false
        mHandler.removeCallbacks(this)
    }
}

interface TaskListener {
    fun finish()
    fun process(remainTime: Long)
}

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    tools:parentTag="LinearLayout">


    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/tvHour"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:minWidth="30dp"
        android:gravity="center"
        android:textColor="#000"
        android:textSize="25sp"
        android:textStyle="bold"
        android:layout_marginStart="10dp"
        android:layout_marginVertical="5dp"
        tools:text="1" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/divider1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="4dp"
        android:gravity="center"
        android:text=":"
        android:textColor="#000"
        android:textSize="25sp"
        android:textStyle="bold" />


    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/tvMin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="5dp"
        android:gravity="center"
        android:textColor="#000"
        android:minWidth="30dp"
        android:textSize="25sp"
        android:textStyle="bold"
        tools:text="8" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/divider2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="4dp"
        android:gravity="center"
        android:text=":"
        android:textColor="#000"
        android:textSize="25sp"
        android:textStyle="bold" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/tvSecond"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="#000"
        android:textSize="25sp"
        android:textStyle="bold"
        android:minWidth="30dp"
        tools:text="3" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/divider3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="4dp"
        android:gravity="center"
        android:text=":"
        android:textColor="#000"
        android:textSize="25sp"
        android:textStyle="bold" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/tvMill"
        android:layout_width="wrap_content"
        android:minWidth="49dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="5dp"
        android:gravity="center"
        android:textColor="#a00"
        android:textSize="25sp"
        android:textStyle="bold"
        tools:text="000"
        android:layout_marginEnd="10dp"/>

</merge>

原文地址：https://blog.csdn.net/weixin_40855673/article/details/143490122

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

上一篇：2024-11-4 学习人工智能的Day21 openCV（3）
下一篇：使用 HuggingFace 提供的 Elasticsearch 托管交叉编码器进行重新排名

【工具类】JAVA开发从SFTP服务器下载文件
SFTP工具类，打成JAR文件后直接放到服务器上执行。
阅读更多2024-11-05
【linux】HTTPS 协议原理
HHTPS协议
阅读更多2024-11-05
鸿蒙HarmonyOS开发：给应用添加基础类型通知和进度条类型通知（API 12）
通知旨在让用户以合适的方式及时获得有用的新消息，帮助用户高效地处理任务。显示接收到的短消息、即时消息等。显示应用的推送消息，如广告、版本更新等。显示当前正在进行的事件，如下载等。
阅读更多2024-11-05
Centos 网络接口打vlan标签
本次使用给bond打vlan标签，其实其他普通接口也一样。查询802.1q 模块是否加载。2.1. 创建bond配置文件。本次实验使用bond1 模式。给bond0 接口打标签。重启网络查看vlan标
阅读更多2024-11-05
libaom 源码分析：帧内方向预测模式
libaom 源码分析：帧内方向预测模式
阅读更多2024-11-05
java版CRM客户关系管理系统源码-CRM客户关系管理系统的技术架构与功能实现
本CRM客户关系管理系统通过整合待办事项、线索、客户、联系人、商机、合同、回款等多个功能模块，为企业提供了一套全面、高效的客户关系管理解决方案。系统采用先进的技术架构和灵活的配置方式，能够满足企业
阅读更多2024-11-05
【数学二】线性代数-矩阵-初等变换、初等矩阵
【数学二】线性代数-矩阵-初等变换、初等矩阵
阅读更多2024-11-05
京准时钟：无人机卫星信号安全防护隔离装置
京准时钟：无人机卫星信号安全防护隔离装置
阅读更多2024-11-05
Blender进阶：着色器节点
着色点着色点UV坐标取得UV中的x值，此值介于【0,1】将X值转成一个颜色颜色作为基础色，完成着色。每一个着色点，都执行一遍这套流程。最终完成整个面的着色。在着色时，每个点的颜色根据UV坐标计算得到
阅读更多2024-11-05
WPF开发，将引用的dll在编译时指向单独的文件夹。
在这种情况下，它将获取"引用的程序集"解决方案文件夹所引用的新dll，并在提交它们之前自动添加源代码控制跟踪(即，如果像我一样从Visual Studio中的解决方案资源管理器中提
阅读更多2024-11-05

Android笔记(三十二)：封装一个毫秒级别倒计时View

效果

背景

源码分析

完整源码

相关文章