返回顶部
首页 > 资讯 > 移动开发 >Android实现倒计时的按钮效果
  • 709
分享到

Android实现倒计时的按钮效果

倒计时按钮Android 2022-06-06 11:06:33 709人浏览 独家记忆
摘要

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

最近有人问我如何实现倒计时的按钮功能,例如发送验证码,我记得有个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);
 }
 
 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();
 }
 
 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;
 }
 
 public TimeButton setLenght(long lenght) {
  this.length = lenght;
  return this;
 }
}

您可能感兴趣的文章:Android自定义倒计时按钮Android实现倒计时的按钮的示例代码Android自定义View获取注册验证码倒计时按钮Android开发之获取短信验证码后按钮背景变化并且出现倒计时Android自定义TimeButton实现倒计时按钮


--结束END--

本文标题: Android实现倒计时的按钮效果

本文链接: https://www.lsjlt.com/news/28443.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Android实现倒计时的按钮效果
    最近有人问我如何实现倒计时的按钮功能,例如发送验证码,我记得有个CountDownTimer,因为好久没用过了,自己就写了一个,代码如下 new CountDownTimer...
    99+
    2022-06-06
    倒计时 按钮 Android
  • Android自定义TimeButton实现倒计时按钮
    项目需要要实现一个带有倒计时功能的按钮,其效果类似发送验证码之后在按钮上显示倒计时并且将按钮设置为不可用的功能。 为了项目中其他地方能够调用到,便重写了一个继承于Button的...
    99+
    2022-06-06
    倒计时 按钮 Android
  • Android实现倒计时的按钮的示例代码
    最近有人问我如何实现倒计时的按钮功能,例如发送验证码,我记得有个CountDownTimer,因为好久没用过了,自己就写了一个,代码如下 new CountDownTime...
    99+
    2022-06-06
    倒计时 示例 按钮 Android
  • vue实现点击按钮倒计时
    本文实例为大家分享了vue实现点击按钮倒计时的具体代码,供大家参考,具体内容如下 实现效果: 1.点击开始按钮启动计时 2.点击重置按钮计时恢复到00:00:00 3.点击暂停按钮...
    99+
    2024-04-02
  • vue实现验证码倒计时按钮
    本文实例为大家分享了vue实现验证码倒计时按钮的具体代码,供大家参考,具体内容如下 1、点击“发送验证码”按钮后进行逻辑判断: ▶️ 如果邮箱已输入且格式正...
    99+
    2024-04-02
  • Android使用CountDownTimer实现倒计时效果
    在开发中会经常用到倒计时这个功能,包括给手机发送验证码等等,之前我的做法都是使用Handler + Timer + TimerTask来实现,现在发现了这个类,果断抛弃之前的做...
    99+
    2022-06-06
    倒计时 Android
  • Android实现启动页倒计时效果
    目录开始准备 开始动画画圆弧项目使用背景图完整代码今天介绍一个很简单的倒计时动画,仿酷狗音乐的启动页倒计时效果,也是大多数APP在用的一个动画,来看看效果图: 整体的思路就是用一个...
    99+
    2024-04-02
  • Android实现按钮点击效果
    1、首先创建一个按钮 <Button android:id="@+id/click" android:layout_width="fill_parent" androi...
    99+
    2022-06-06
    按钮 Android
  • python3实现倒计时效果
    本文实例为大家分享了python3实现倒计时效果的具体代码,供大家参考,具体内容如下 # CountDown.py import turtle,time def drawGap(...
    99+
    2024-04-02
  • Android中怎么实现一个倒计时效果
    今天就跟大家聊聊有关Android中怎么实现一个倒计时效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。需求:a.在后台添加时,如果是今日直播,则需要添加开始时间(精确到秒);b.离...
    99+
    2023-05-30
    android
  • android按钮点击效果怎么实现
    Android按钮点击效果可以通过以下几种方式实现:1. 使用Selector实现点击效果:在res/drawable目录下创建一个xml文件,例如button_selector.xml,然后在文件中定义按钮的不同状态下的背景...
    99+
    2023-08-11
    android
  • JavaScript实现简单的倒计时效果
    本文实例为大家分享了JavaScript实现简单倒计时效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html>     <...
    99+
    2024-04-02
  • Canvas如何实现倒计时效果
    这篇文章主要介绍了Canvas如何实现倒计时效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。HTML:<canvas id...
    99+
    2024-04-02
  • javascript实现简单倒计时效果
    本文实例为大家分享了javascript实现倒计时效果的具体代码,供大家参考,具体内容如下 实现思路: 1、页面创建好天、小时、分、秒的标签元素,定义好样式 2、js获取天、小时、分...
    99+
    2024-04-02
  • web开发中如何实现单击按钮发送验证码并出现倒计时效果
    这篇文章将为大家详细讲解有关web开发中如何实现单击按钮发送验证码并出现倒计时效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。实例如下:<!DOCTYPE&nbs...
    99+
    2024-04-02
  • Android实现点击获取验证码倒计时效果
    我们在开发中经常用到倒计时的功能,比如发送验证码后,倒计时60s再进行验证码的获取,为了方便以后使用,这里做个记录,讲讲倒计时器的实现。  1、先进行倒计时工具类的封...
    99+
    2022-06-06
    倒计时 验证码 Android
  • vue、react如何实现倒计时效果
    这篇文章主要介绍vue、react如何实现倒计时效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!Vue方案一:俩个元素HTML:<div id="exam...
    99+
    2024-04-02
  • CSS3中如何实现倒计时效果
    小编给大家分享一下CSS3中如何实现倒计时效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!实现效果实现代码html<div class='...
    99+
    2023-06-08
  • ionic+AngularJs如何实现获取验证码倒计时按钮
    小编给大家分享一下ionic+AngularJs如何实现获取验证码倒计时按钮,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!按钮功...
    99+
    2024-04-02
  • js定时器如何实现倒计时效果
    这篇文章主要介绍了js定时器如何实现倒计时效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下日期函数倒计时 =  用 ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作