首页 > 代码库 > 模仿淘宝客户端倒计时控件

模仿淘宝客户端倒计时控件

    在前面的文章中,我们分析了淘宝android客户端的一些界面时间和用户体验,今天这篇文章,主要介绍如何使用自定义控件,实现抢购倒计时的功能。

    首先,我们看一下实现的效果。

    


    实现效果很简单哈,就是一个倒计时的自定义控件。

    下面简单介绍一下实现的思路。

    首先,显示时间使用的是Textview,因为没有很特殊的效果,因此,我们可以自己写一个简单的布局文件,来作为显示的界面。

    而关于时间的变更,我们使用timer类就可以实现,用一个1000毫秒的Timer,每过一秒,更新一下界面即可。

    但是在更新时间的显示数字的时候,有一个问题需要注意,我的思路是用6个Textview来显示时间,因此,时分秒的十位数字和个位数字需要单独显示,个位上显示的数字是0-9,十位上显示的数字范围是0-5,所以需要分开实现。

    当秒的十位个位都是0的时候,在过一秒,分的个位就要减一,这就涉及到借位的问题,因此,每变更一次数字,都需要判断是否需要借位。

    具体的实现思路,大家还是看代码吧。

   项目在我的github上,大家可以下载,也可以提交BUG。

   项目地址

    https://github.com/ZhaoKaiQiang/RushBuyCountDownTimerView

    欢迎指教。

模仿淘宝客户端倒计时控件