Android 自定义View之倒计时实例代码
需求:
大多数app在注册的时候,都有一个获取验证码的按钮,点击后,访问接口,最终用户会收到短信验证码。为了不多次写这个获取验证码的接口,下面将它自定义成一个view,方便使用。
分析一下,这是一个TextView,点击的时候变色,不能再点击,同时里面的倒计时开始显示。那么就有了下面的代码
代码:
/**
* 通过selector选择器来改变背景,其中倒计时运行时为android:state_enabled="true",
* 不显示倒计时时为android:state_enabled="false";
* */
public class CountDownView extends TextView {
private long totalMills = 10 * 1000;//倒计时的总时间,根据需要更改这个值
private long interval = 1000;//倒计时的时间间隔
public CountDownView(Context context) {
super(context);
}
public CountDownView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CountDownView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
private TimeCount mTimeCount;
private void startCount(long totalMills, long countDownInterval) {
if (mTimeCount == null)
mTimeCount = new TimeCount(totalMills, countDownInterval);
mTimeCount.start();
}
public void start(){
defaultText = getText().toString();
startCount(totalMills, interval);
}
public void cancel() {
if (mTimeCount != null){
mTimeCount.onFinish();
mTimeCount.cancel();
}
}
String defaultText = "";//获取到在点击之前的文本内容
class TimeCount extends CountDownTimer {
public TimeCount(long millisInFuture, long countDownInterval) {
super(millisInFuture, countDownInterval);
}
@Override
public void onTick(long millisUntilFinished) {
setEnabled(false);
setText(millisUntilFinished / 1000 + "S");
}
@Override
public void onFinish() {
setEnabled(true);
setText(defaultText);
}
}
}
测试代码:
public class MainActivity extends Activity implements OnClickListener {
private CountDownView mCountDownView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mCountDownView = (CountDownView) findViewById(R.id.tv_1);
mCountDownView.setOnClickListener(this);
findViewById(R.id.tv_2).setOnClickListener(this);
}
int count = 0;
DemoThread thread;
@Override
public void onClick(View v) {
if(v.getId() == R.id.tv_1){
mCountDownView.start();
thread = new DemoThread();
thread.start();
} else if (v.getId() == R.id.tv_2) {
mCountDownView.cancel();
System.out.println("wisely 取消倒计时");
}
}
class DemoThread extends Thread{
@Override
public void run() {
while (count < 10) {
SystemClock.sleep(100);
count++;
System.out.println("wisely count:" + count);
}
}
}
}
总结:
1、使用的时候,为该控件设置点击事件,然后调用start()方法,剩下的就是你自己的代码,一般都是联网调接口。
2、获取验证码的控件背景可以设置为selector选择器,设置android:state_enabled属性。上面例子的selector选择器代码如下:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_enabled="true" android:drawable="@color/green"/>
<item android:state_enabled="false" android:drawable="@color/red"/>
</selector>
3、在退出activity时,记得调用控件的cancel方法销毁它,否则会造成内存泄露。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
本文向大家介绍Android实现自定义倒计时,包括了Android实现自定义倒计时的使用技巧和注意事项,需要的朋友参考一下 最近工作中遇到个要做倒计时60秒的进度条,经过参考别人的资料做出来需求的效果。废话少说先来个效果: 一定想知道是怎么实现的吧!下面是代码 然后新建一个attr.xml; 这样一个自定义的view就写完了;那怎么用呢;布局就不说了; 这样就轻轻松松的跑起来了,希望能帮助到需要的
本文向大家介绍android自定义view之实现日历界面实例,包括了android自定义view之实现日历界面实例的使用技巧和注意事项,需要的朋友参考一下 现在网上有很多自定义view实现日历的demo,今天讲一讲如何自己实现这个自定义view。 看一下最终效果图: 在这个自定义view中,我使用了各种奇技淫巧的方法来实现这个日历,真是费尽心思。废话少说,开始进坑。 界面分析 头部是一个textv
本文向大家介绍Android自定义view实现太极效果实例代码,包括了Android自定义view实现太极效果实例代码的使用技巧和注意事项,需要的朋友参考一下 Android自定义view实现太极效果实例代码 之前一直想要个加载的loading。却不知道用什么好,然后就想到了太极图标,最后效果是有了,不过感觉用来做loading简直丑到爆!!! 实现效果很简单,我们不要用什么贝塞尔曲线啥的,因为太
本文向大家介绍Android自定义View——扇形统计图的实现代码,包括了Android自定义View——扇形统计图的实现代码的使用技巧和注意事项,需要的朋友参考一下 Android 扇形统计图 先看看效果: 看上去如果觉得还行就继续往下看吧! 自定义View 定义成员变量 测量宽高 画图 画扇形 一个圆形统计图是由许多个扇形组成的,我们根据数据计算出每个扇形的角度即可。注意,画弧度的时候,角度是
本文向大家介绍Android自定义圆形倒计时进度条,包括了Android自定义圆形倒计时进度条的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android倒计时进度条展示的具体代码,供大家参考,具体内容如下 效果预览 源代码传送门:https://github.com/yanzhenjie/CircleTextProgressbar 实现与原理 这个文字圆形的进度条我们在很多APP
本文向大家介绍Android 倒计时控件 CountDownView的实例代码详解,包括了Android 倒计时控件 CountDownView的实例代码详解的使用技巧和注意事项,需要的朋友参考一下 一个精简可自定义的倒计时控件,使用 Canvas.drawArc() 绘制。实现了应用开屏页的圆环扫过的进度条效果。 代码见https://github.com/hanjx-dut/CountDown