简介:
StrategyCountDownTextView,用策略模式封装的倒计时控件。要显示不同的时间格式、文案风格,使用时只需设置不同的显示策略即可。(要改装成实现顺序计时也很简单,文末会提及。)
需求背景
最近项目中要做个限时活动模块,里面有大量的地方要有倒计时效果,可是不同地方显示的倒计时格式有点区别,例如"HH小时mm分ss秒 后结束", "还剩 HH:mm:ss"的,带不同的文案风格。于是自己封装了个倒计时控件,继承TextView,而具体的文案怎么显示,可以在代码中动态设置,灵活性较高。采用了设计模式中的策略模式,感觉很适合这个业务场景。
效果演示:
用法:
首先在要用到的页面xml中引入控件,没有自定义属性,
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
>
<com.example.alberthuang.strategycountdowndemo.ui.customview.StrategyCountDownTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>
然后设置结束时间和显示策略,(倒计时监听可以选择不设置,具体看业务需要)
private String mTimeStr = "2026-05-20 10:00:00";
//初始化倒计时控件
mCountDownTextView.setTimes(mTimeStr);
//设置显示策略
mCountDownTextView.setCountDownStrategy(new StrategyCountDownTextView.CountDownStrategy() {
@Override
public String getTikTokText(String timeStr) {
return "This is StrategyOne\n倒计时:" + TimeUtil.getCountDownStrategyOneTime(timeStr);
}
@Override
public String getEndStr(String timeStr) {
return "This is StrategyOne\n倒计时已在" + timeStr + "结束";
}
});
//设置回调,可以不设置
mCountDownTextView.setCountDownEventListener(new StrategyCountDownTextView.CountDownEventListener() {
@Override
public void onTikTok(String endTimeStr) {
Log.d("Callback_onTikTok", "time: " + endTimeStr);
}
@Override
public void onCountEnd(String endTimeStr) {
Log.d("Callback_onCountEnd", "time: " + endTimeStr);
}
});
关键的就是两步,setTimes() 和 setCountDownStrategy()。要显示不同风格的时间格式和文案,只需要setCountDownStrategy()时定义实现了CountDownStrategy接口的匿名内部类就可以了。
改装成实现顺序计时:
要改装成顺序计时也很简单,也就是显示目标时间距离现在已经“HH小时mm分ss秒”的样式。现在的机制是通过handler每隔1秒发送消息,然后在handleMessage()里更新显示,其实这个机制也适用于顺序计时,只是我们现在在处理handler消息时进行时,写死了显示逻辑为倒计时。如果我们想显示顺序计时,那么处理逻辑更加简单:
private Handler handler = new Handler(Looper.getMainLooper()) {
@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case 0:
setText(mCountUpStrategy.getTikTokText(mEndTimeStr));//设置显示的字符串
break;
}
}
};
不用判断是否已到了结束时间,没了结束时间这个概念。只需直接执行更新文字的代码就可以了。