Android实现倒计时的按钮效果

最近有人问我如何实现倒计时的按钮功能,例如发送验证码,我记得有个CountDownTimer,因为好久没用过了,自己就写了一个,代码如下

new CountDownTimer(10000, 1000) {
     @Override
     public void onTick(long millisUntilFinished) {
      btn2.setEnabled(false);
      btn2.setText(String.format("%ds后重新发送验证码",millisUntilFinished/1000));
     }

     @Override
     public void onFinish() {
      btn2.setEnabled(true);
      btn2.setText("发送验证码");
     }
    }.start();

点击按钮后开始倒计时,貌似很简单啊,但是运行起来发现有一些问题,先给大家看效果图

我们打印一下时间

这里我们可以看到8这个秒数没有出现,并且最后1秒的时间有些长,每次点击开始倒计时的时候偶尔就会出现少一个数字的问题,所以说这个东西是不精确的,网上也有很多人再说,那么有没有其他的实现思路呢?这里我们来自定义一个倒计时的按钮

public class TimeButton extends Button implements View.OnClickListener {
 private long length = 60 * 1000;// 倒计时长度,这里给了默认60秒
 private String textafter = "秒后重新获取";
 private String textbefore = "点击获取验证码";
 private final String TIME = "time";
 private final String CTIME = "ctime";
 private OnClickListener mOnclickListener;
 private Timer t;
 private TimerTask tt;
 private long time;
 private Context mContext;
 Map<String, Long> map = new HashMap<String, Long>();

 public TimeButton(Context context) {
  super(context);
  setOnClickListener(this);

 }

 public TimeButton(Context context, AttributeSet attrs) {
  super(context, attrs);
  mContext = context;
  setOnClickListener(this);
 }

 @SuppressLint("HandlerLeak")
 Handler han = new Handler() {
  public void handleMessage(android.os.Message msg) {
   TimeButton.this.setText(time / 1000 + textafter);
   time -= 1000;
   if (time < 0) {
    TimeButton.this.setEnabled(true);
    TimeButton.this.setText(textbefore);
    clearTimer();
   }
  }
 };

 private void initTimer() {
  time = length;
  t = new Timer();
  tt = new TimerTask() {
   @Override
   public void run() {
    Log.e("yung", time / 1000 + "");
    han.sendEmptyMessage(0x01);
   }
  };
 }

 private void clearTimer() {
  Toast.makeText(mContext, "计时结束", Toast.LENGTH_SHORT).show();
  if (tt != null) {
   tt.cancel();
   tt = null;
  }
  if (t != null)
   t.cancel();
  t = null;
 }

 @Override
 public void setOnClickListener(OnClickListener l) {
  if (l instanceof TimeButton) {
   super.setOnClickListener(l);
  } else
   this.mOnclickListener = l;
 }

 @Override
 public void onClick(View v) {
  if (mOnclickListener != null)
   mOnclickListener.onClick(v);
  initTimer();
  this.setText(time / 1000 + textafter);
  this.setEnabled(false);
  t.schedule(tt, 0, 1000);
 }

 /**
  * 和activity的onDestroy()方法同步
  */
 public void onDestroy() {
  if (MainActivity.map == null)
   MainActivity.map = new HashMap<String, Long>();
  MainActivity.map.put(TIME, time);
  MainActivity.map.put(CTIME, System.currentTimeMillis());
  clearTimer();
 }

 /**
  * 和activity的onCreate()方法同步
  */
 public void onCreate(Bundle bundle) {
  Log.e("yung", MainActivity.map + "");
  if (MainActivity.map == null)
   return;
  if (MainActivity.map.size() <= 0)// 这里表示没有上次未完成的计时
   return;
  long time = System.currentTimeMillis() - MainActivity.map.get(CTIME)
    - MainActivity.map.get(TIME);
  MainActivity.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);
  }
 }

 /**
  * 设置计时时候显示的文本
  */
 public TimeButton setTextAfter(String text1) {
  this.textafter = text1;
  return this;
 }

 /**
  * 设置点击之前的文本
  */
 public TimeButton setTextBefore(String text0) {
  this.textbefore = text0;
  this.setText(textbefore);
  return this;
 }

 /**
  * 设置到计时长度
  *
  * @param lenght 时间 默认毫秒
  * @return
  */
 public TimeButton setLenght(long lenght) {
  this.length = lenght;
  return this;
 }
}

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

(0)

相关推荐

  • Android自定义倒计时按钮

    本文实例为大家分享了Android自定义倒计时按钮的具体代码,供大家参考,具体内容如下 效果 代码: package com.dylan.frame.ui; import android.content.Context; import android.os.Handler; import android.os.Message; import android.util.AttributeSet; import android.view.View; import android.widget.But

  • Android自定义View获取注册验证码倒计时按钮

    在Android开发中,我们不可避免的会做到注册功能,而现在的注册大多数都是用手机去注册的,那么注册的时候都会要求用获取验证码的方式去验证,我们接下来就来实战一下自定义获取验证码倒计时按钮: 1.先看效果图 2.我们涉及到的变量 //倒计时时长,可设置 /** * 倒计时时长,默认倒计时时间60秒: */ private long length = 60 * 1000; //在点击按钮之前按钮所显示的文字 /** * 在点击按钮之前按钮所显示的文字,默认是获取验证码 */ private Str

  • Android实现倒计时的按钮的示例代码

    最近有人问我如何实现倒计时的按钮功能,例如发送验证码,我记得有个CountDownTimer,因为好久没用过了,自己就写了一个,代码如下 new CountDownTimer(10000, 1000) { @Override public void onTick(long millisUntilFinished) { btn2.setEnabled(false); btn2.setText(String.format("%ds后重新发送验证码",millisUntilFinished/

  • Android开发之获取短信验证码后按钮背景变化并且出现倒计时

    目前越来越多的app在注册或是进行对应操作时,要求获取短信验证码,在点击了获取短信验证码的按钮后,就是出现倒计时,比如倒计时120S,在倒计时期间内,按钮背景变化并且出现倒计时,当倒计时结束后,如果你没有获取到验证码,可以再次点击. 代码如下所示: VerCodeTimer mVerCodeTimer=(Button) findViewById(R.id.login_get_ver_code); private class VerCodeTimer extends CountDownTimer

  • Android实现倒计时的按钮效果

    最近有人问我如何实现倒计时的按钮功能,例如发送验证码,我记得有个CountDownTimer,因为好久没用过了,自己就写了一个,代码如下 new CountDownTimer(10000, 1000) { @Override public void onTick(long millisUntilFinished) { btn2.setEnabled(false); btn2.setText(String.format("%ds后重新发送验证码",millisUntilFinished/

  • Android如何自定义按钮效果

    安卓原生的按钮是多么丑,效果是多么单调,大家也是有目共睹的. 要做一个APP少不了使用按钮,一个好看的按钮少不了好看的效果和外表,这次主要跟大家讲讲如何用drawable的xml文件弄一些好看的自定义样式. 首先是外表 在APP中四四方方,灰色底黑色字的按钮是很难看的,我们希望看到的是圆角,彩色,白字(根据你的个人审美也可以是其他样式). 首先是在layout里新建一个按钮 ,然后在drawable文件夹里新建一个drawable resource file ,不妨起名为shape ,加一个se

  • Android开发实现的圆角按钮、文字阴影按钮效果示例

    本文实例讲述了Android开发实现的圆角按钮.文字阴影按钮效果.分享给大家供大家参考,具体如下: 效果图: 如果要实现圆角图片,并变色须在drawable中配置背景文件如下: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item andro

  • Android实现带有进度条的按钮效果

    本文实例为大家分享了Android实现带有进度条按钮效果的具体代码,供大家参考,具体内容如下 安卓中带有进度条效果的按钮,如下图: 1.布局文件如下activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_wid

  • Android实现倒计时效果

    本文实例为大家分享了Android实现倒计时效果的具体代码,供大家参考,具体内容如下 一个倒计时的效果 先看效果图: 直接上代码: 这里是关于倒计时 -天时分秒-的逻辑判断 /** * 倒计时计算 */ private void computeTime() { mSecond--; if (mSecond < 0) { mMin--; mSecond = 59; if (mMin < 0) { mMin = 59; mHour--; if (mHour < 0) { // 倒计时结束 m

  • Android自定义悬浮按钮效果

    本文实例为大家分享了Android自定义悬浮按钮效果的具体代码,供大家参考,具体内容如下 以下:内容没有参考,写的也是一个比较简单的例子,主要就是应用切换前后台时会显示/隐藏悬浮窗.内容仅用于自我记录学习使用. 项目的开发时应用在登陆后显示一个悬浮窗,同时显示在线人数等一些其他信息,点击悬浮按钮可以显示全局弹窗名单.开发完成后,觉着需要记录一下这种实现方式.所以写一个简单的Demo. Demo思路是通过启动Service来添加/移除 悬浮窗,因为是一个全局悬浮窗,所以选择依附于Service.

  • Android实现自定义验证码输入框效果(实例代码)

    这里提一下,这个当时也是在网上看到一个博主写的代码改了下用在我么项目中的验证码输入框.博主的地址不记得了这里只能顺带标注一下... 效果图如下: 就是这个酱紫 直入主题,代码如下: xml布局: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" androi

  • Android实现圆角Button按钮

    本文实例讲述了Android开发圆角Button按钮实现过程,分享给大家供大家参考,具体内容如下 需求及效果图: 实现思路: 1.shape实现圆角 在drawable新建两个xml 文件, 这两个 xml文件用shape 实现了圆角效果. Note: 因为要让用户有按下去的效果体验, 所有要有两套圆角图, 在按下去时候切换 <!-- res/drawable/button_shape_normal.xml --> <shape xmlns:android="http://sc

随机推荐