在前面的文章中,我们分析了淘宝android客户端的一些界面时间和用户体验,今天这篇文章,主要介绍如何使用自定义控件,实现抢购倒计时的功能。
首先,我们看一下实现的效果。
实现效果很简单哈,就是一个倒计时的自定义控件。
下面简单介绍一下实现的思路。
首先,显示时间使用的是Textview,因为没有很特殊的效果,因此,我们可以自己写一个简单的布局文件,来作为显示的界面。
而关于时间的变更,我们使用timer类就可以实现,用一个1000毫秒的Timer,每过一秒,更新一下界面即可。
但是在更新时间的显示数字的时候,有一个问题需要注意,我的思路是用6个Textview来显示时间,因此,时分秒的十位数字和个位数字需要单独显示,个位上显示的数字是0-9,十位上显示的数字范围是0-5,所以需要分开实现。
当秒的十位个位都是0的时候,在过一秒,分的个位就要减一,这就涉及到借位的问题,因此,每变更一次数字,都需要判断是否需要借位。
具体的实现思路,大家还是看代码吧。
项目在我的github上,大家可以下载,也可以提交BUG。
项目地址
https://github.com/ZhaoKaiQiang/RushBuyCountDownTimerView
欢迎指教。
时间: 2024-10-05 17:22:35