Android自定义TimeButton实现倒计时按钮

2023-08-04 16:51:03 91

项目需要要实现一个带有倒计时功能的按钮，其效果类似发送验证码之后在按钮上显示倒计时并且将按钮设置为不可用的功能。

为了项目中其他地方能够调用到，便重写了一个继承于Button的TimeButton来实现倒计时功能，并方便调用。

老规矩，上效果图：

逻辑也不复杂，直接上代码：

首先新建一个App.class继承于Application

packagecom.example.xuboyu.myapplication;

/**
*用于存放倒计时时间
*@authorbnuzlbs-xuboyu2017/4/5.
*/
importjava.util.Map;

importandroid.app.Application;

publicclassAppextendsApplication{
//用于存放倒计时时间
publicstaticMapmap;
}

然后编写TimeButton.class继承于Button

packagecom.example.xuboyu.myapplication;


importjava.util.HashMap;
importjava.util.Map;
importjava.util.Timer;
importjava.util.TimerTask;

importandroid.annotation.SuppressLint;
importandroid.content.Context;
importandroid.os.Bundle;
importandroid.os.Handler;
importandroid.util.AttributeSet;
importandroid.util.Log;
importandroid.view.View;
importandroid.view.View.OnClickListener;
importandroid.widget.Button;

/**
*倒计时按钮
*@authorbnuzlbs-xuboyu2017/4/5.
*注意把该类的onCreate()onDestroy()和activity的onCreate()onDestroy()同步处理
*/
publicclassTimeButtonextendsButtonimplementsOnClickListener{
privatelonglenght=60*1000;//倒计时长度,这里给了默认60秒
privateStringtextafter="秒后重新获取~";
privateStringtextbefore="点击获取验证码~";
privateintcolorafter;
privateintcolorbefore;
privatefinalStringTIME="time";
privatefinalStringCTIME="ctime";
privateOnClickListenermOnclickListener;
privateTimert;
privateTimerTasktt;
privatelongtime;
Mapmap=newHashMap();

publicTimeButton(Contextcontext){
super(context);
setOnClickListener(this);

}

publicTimeButton(Contextcontext,AttributeSetattrs){
super(context,attrs);
setOnClickListener(this);
}

@SuppressLint("HandlerLeak")
Handlerhan=newHandler(){
publicvoidhandleMessage(android.os.Messagemsg){
TimeButton.this.setText(time/1000+textafter);
time-=1000;
if(time<0){
TimeButton.this.setEnabled(true);
TimeButton.this.setText(textbefore);
clearTimer();
}
};
};

privatevoidinitTimer(){
time=lenght;
t=newTimer();
tt=newTimerTask(){

@Override
publicvoidrun(){
Log.e("xuboyu",time/1000+"");
han.sendEmptyMessage(0x01);//十六进制的数字1
}
};
}

privatevoidclearTimer(){
if(tt!=null){
tt.cancel();
tt=null;
}
if(t!=null)
t.cancel();
t=null;
}

@Override
publicvoidsetOnClickListener(OnClickListenerl){
if(linstanceofTimeButton){
super.setOnClickListener(l);
}else
this.mOnclickListener=l;
}

@Override
publicvoidonClick(Viewv){
if(mOnclickListener!=null)
mOnclickListener.onClick(v);
initTimer();
this.setText(time/1000+textafter);
this.setEnabled(false);
t.schedule(tt,0,1000);
//t.scheduleAtFixedRate(task,delay,period);
}

/**
*和activity的onDestroy()方法同步
*/
publicvoidonDestroy(){
if(App.map==null)
App.map=newHashMap();
App.map.put(TIME,time);
App.map.put(CTIME,System.currentTimeMillis());
clearTimer();
Log.e("xuboyu","onDestroy");
}

/**
*和activity的onCreate()方法同步
*/
publicvoidonCreate(Bundlebundle){
Log.e("xuboyu:倒计时相关",App.map+"");
if(App.map==null)
return;
if(App.map.size()<=0)//这里表示没有上次未完成的计时
return;
longtime=System.currentTimeMillis()-App.map.get(CTIME)
-App.map.get(TIME);
App.map.clear();
if(time>0)
return;
else{
initTimer();
this.time=Math.abs(time);
t.schedule(tt,0,1000);
this.setText(time+textafter);
this.setEnabled(false);
}
}

/***设置计时时候显示的文本*/
publicTimeButtonsetTextAfter(Stringtext1){
this.textafter=text1;
returnthis;
}

/***设置点击之前的文本*/
publicTimeButtonsetTextBefore(Stringtext0){
this.textbefore=text0;
this.setText(textbefore);
returnthis;
}

/**
*设置到计时长度
*@paramlenght
*时间默认毫秒
*@return
*/
publicTimeButtonsetLenght(longlenght){
this.lenght=lenght;
returnthis;
}
}

最后在MainActivity.class中调用

packagecom.example.xuboyu.myapplication;

importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.view.View;
importandroid.view.View.OnClickListener;
importandroid.widget.Toast;

/**
*测试主界面
*@authorbnuzlbs-xuboyu2017/4/5.
*/
publicclassMainActivityextendsActivityimplementsOnClickListener{

privateTimeButtonv;
privateTimeButtonv2;
privateTimeButtonv3;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
v=(TimeButton)findViewById(R.id.button1);
v.onCreate(savedInstanceState);
v.setTextAfter("秒后重新排队").setTextBefore("点击开始排队").setLenght(15*1000);
v.setOnClickListener(this);

v2=(TimeButton)findViewById(R.id.button2);
v2.onCreate(savedInstanceState);
v2.setTextAfter("秒后重新验证").setTextBefore("点击发送验证码").setLenght(10*1000);
v2.setOnClickListener(this);

v3=(TimeButton)findViewById(R.id.button3);
v3.onCreate(savedInstanceState);
v3.setTextAfter("秒后重新倒计时").setTextBefore("点击开始倒计时").setLenght(5*1000);
v3.setOnClickListener(this);
}

@Override
publicvoidonClick(Viewv){
//TODOAuto-generatedmethodstub
Toast.makeText(MainActivity.this,"这是处理调用者onclicklistnenr",
Toast.LENGTH_SHORT).show();
}

@Override
protectedvoidonDestroy(){
//TODOAuto-generatedmethodstub
v.onDestroy();
v2.onDestroy();
super.onDestroy();
}
}

其中绿色按钮是使用了自定义样式的Button，使用起来也很简单

首先在drawable中新建一个样式文件mybutton.xml

然后在定义TimeButton的时候如下：

android:background="@drawable/mybutton"

那么定义出来的Button样式就为下图：

记得在AndroidManifest.xml中的Application添加：

android:name=".App"

Ps.这个倒计时按钮存在一个问题，对于长时间计时而言，用户可能在计时后退出应用程序，如果用户把我们的APP置于后台，那么OK，我们的倒计时还是可以进行，但是假如用户在退出后把APP进程滑掉，或者使用了其他软件清理后台等等，就会执行OnDestory方法，再次进去APP的时候只能重新建立一个Timer。所以打算的是使用轻量级存储来储存每次退出后的倒计时数据，然后在重新OnCreate的时候为Timer赋值。当然对于短时间的计时，即在用户可接受的等待范围内是完全可以接受的！有Bug也欢迎指出，对于应用进程被销毁时Timer也销毁这个问题假如你有更好的解决方法，也请多指教！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

Android自定义TimeButton实现倒计时按钮

热门推荐

随机推荐