Android中使用TextView实现高仿京东淘宝各种倒计时效果资源-CSDN文库

android

145 浏览量 2020-09-01 08:32:01 上传评论收藏 541KB PDF 举报

资源推荐

资源详情

资源评论

Android中使用中使用TextView实现高仿京东淘宝各种倒计时效果实现高仿京东淘宝各种倒计时效果

今天给大家带来的是仅仅使用一个TextView实现一个高仿京东、淘宝、唯品会等各种电商APP的活动倒计时。今天小编把实现代码分享到脚本之家平台，对

android textclock 倒计时效果感兴趣的朋友参考下吧

今天给大家带来的是仅仅使用一个TextView实现一个高仿京东、淘宝、唯品会等各种电商APP的活动倒计时。最近公司一直加班也没来得及时间去整理，今天难得休息想把这个

分享给大家，只求共同学习，以及自己后续的复习。为什么会想到使用一个TextView来实现呢？因为最近公司在做一些优化的工作，其中就有一个倒计时样式，原来开发的这个

控件的同事使用了多个TextView拼接在一起的，实现的代码冗余比较大，故此项目经理就说:小宏这个就交给你来优化了，并且还要保证有一定的扩展性，当时就懵逼了。不知道

从何处开始优化。然后我就查看京东，饿了么，唯品会等各个APP的倒计时，并在开发者中打开层级界面显示，发现他们都有一个共同的特点就是一个View,没有使用多个

TextView来拼接。相信大家都知道仅仅使用一个TextView比使用多个TextView拼接去实现的优势吧，下面不妨来看看几个界面就知道了。

看到这个，大家心里自然就想到了自定义View来实现吧。对，自定义View确实可以实现这样的效果。但是今天我们不采用自定义View来做。而是使用一个TextView来实现。

由于项目经理要求此次优化的代码具有可扩展性。所以此次代码的设计加了一些面向对象的知识。有一些自己的设计和架构的思路。

此次此次demo的设计思路的设计思路:

　　　　　　　　　　１、编写一个倒计时的基类作为实现最普通和最基本的倒计时的功能，没有任何样式，让这个基类去继承CountDownTimer类，并且在该基类中

保存一个TextView的对象，并且把每次倒计时的数据，显示在TextView中，然后公布一个getmDateTv()方法返回一个TextView对象即可。然后只要拿到这个TextView对象显示界

面的布局中即可。非常方便。

　　　　　　　　　　２、然后不同样式的倒计时，只需要编写不同的子类去继承最普通的倒计时基类即可，然后重写其中的设置数据和设置样式的两个方法即可，然后就能给

最普通的倒计时添加不同的样式。下次如果需要扩展新的倒计时样式，不需要改变其他类的代码，只需编写一个普通倒计时的派生类重写两个方法即可，使得可扩展性更灵活。

　　　　　　　　　　３、然后通过一个TimerUtils管理类，去集中承担子类和父类压力，让子类和父类所需实现功能分担到TimerUtils类中，并且该TimerUtils管理类是与客户端

唯一打交道的类，比如获得倒计时对象以及获得倒计时的TextView对象都通过这个管理类分配，避免客户端直接与倒计时的基类和子类打交道。从而使得类的封装性和隐藏性得

到体现。

下面可以看下这个Demo设计的简单的UML类图:

通过以上思路分析下面我们就看看此次Demo的实现需要用到哪些知识点.

　1、CountDownTimer类的用法。

　　　　２、SpannableString的用法。

　　　　３、MikyouCountDownTimer的封装。

　　　　４、自定义MikyouBackgroundSpan的实现。

一、通过以上的分析我们首先得复习一下有关CountDownTimer的知识，CountDownTimer是一个很简单的类我们可以看下的它的源码，它的用法自然就知道了。

CountDownTimer是一个抽象类。

// Source code recreated from a .class file by IntelliJ IDEA

// (powered by Fernflower decompiler)

package android.os;

public abstract class CountDownTimer {

public CountDownTimer(long millisInFuture, long countDownInterval) {

throw new RuntimeException("Stub!");

}

public final synchronized void cancel() {

throw new RuntimeException("Stub!");

}

public final synchronized CountDownTimer start() {

throw new RuntimeException("Stub!");

}

public abstract void onTick(long var1);

public abstract void onFinish();

}

可以看到倒计时的总时长就是millisFuture,和countDownInterVal间隔步长默认是1000ms，所以数据都是通过其构造器进行初始化，然后需要去重写一个回调方法onTick,里面的一

个参数就是每隔相应的步长后剩余的时间毫秒数。然后我们只需要在onTick方法中将每隔1000ms时间毫秒数进行时间格式化即可得到相应时间格式的倒计时这就是实现了最基本

倒计时样式。格式化倒计时格式采用的是apache中的common的lang包中DurationFormatUtils类中的formatDuration，通过传入一个时间格式就会自动将倒计时转换成相应的

mTimePattern的样式(HH:mm:ss或dd天HH时mm分ss秒).

二、复习一下有关二、复习一下有关SpannableString的用法。的用法。

在Android中EditText用于编辑文本，TextView用于显示文本，但是有时候我们需要对其中的文本进行样式等方面的设置。Android为我们提供了SpannableString类来对指定文本

进行处理。

1) ForegroundColorSpan 文本颜色文本颜色

private void setForegroundColorSpan() {

SpannableString spanString = new SpannableString("前景色");

ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE);

spanString.setSpan(span, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

tv.append(spanString);

}

2) BackgroundColorSpan 文本背景色文本背景色

private void setBackgroundColorSpan() {

SpannableString spanString = new SpannableString("背景色");

BackgroundColorSpan span = new BackgroundColorSpan(Color.YELLOW);

spanString.setSpan(span, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

tv.append(spanString);

}

3) StyleSpan 字体样式：粗体、斜体等字体样式：粗体、斜体等

private void setStyleSpan() {

SpannableString spanString = new SpannableString("粗体斜体");

StyleSpan span = new StyleSpan(Typeface.BOLD_ITALIC);

spanString.setSpan(span, 0, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

tv.append(spanString);

}

剩余8页未读，继续阅读

评论收藏

内容反馈

weixin_38731226

粉丝: 5
资源: 926

Android中使用TextView实现高仿京东淘宝各种倒计时效果

仅使用TextView高仿京东淘宝各种APP活动倒计时样式

Android实现淘宝倒计时功能

仅使用TextView高仿京东淘宝各种APP活动倒计时样式Demo

android仿淘宝倒计时控件

android listview列表实现倒计时,类似商品抢购列表

FlipTimerView-优雅的数字翻牌效果.zip

Android 商城商品倒计时

Android实现订单倒计时功能

android仿京东商场界面

仅使用TextView高仿京东淘宝各种APP活动倒计时样式aar包

Android仿淘宝头条基于TextView实现上下滚动通知效果

Android中使用TextView实现文字跑马灯效果

Android TextView实现垂直滚动效果的方法

andorid 实现验证码 button中textview的倒计时的效果

Android实现列表倒计时效果 Demo

TextView自定义计时器(包括倒计时)

Android中继承TextView实现文字的跑马灯效果

Android实现淘宝客户端倒计时界面

仿京东商品活动倒计时

Android 仿京东秒杀倒计时代码

仿淘宝倒计时

Android 定时器+倒计时 仿淘宝秒杀

Android 倒计时demo（避免时间不准）

Android使用CountDownTimer实现倒计时效果

Android-使用Behavior高仿实现UC浏览器首页上下滑动效果

最新资源

Android 定时器+倒计时仿淘宝秒杀