文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android自定义Chronometer实现短信验证码秒表倒计时功能

2022-06-06 06:55

关注

本文实例为大家分享了Chronometer实现倒计时功能,Android提供了实现按照秒计时的API,供大家参考,具体内容如下

一、自定义ChronometerView 继续自TextView

主要原理:先设置一个基准倒计时时间mBaseSeconds,内置handler 每隔1s发送一个空消息,mRemainSeconds--,同时刷新界面视图,回调给外部调用者,只到为零。外部调用者可通过start()/pause()/stop()来控制计时器的工作状态。
可以app中发送短信验证码的场景为例,做了一个很粗糙的界面,但功能都实现了。


 
public class ChronometerView extends TextView { 
  
 public interface OnTickChangeListener { 
  
 public void onTickChanged(ChronometerView view, long remainSeconds); 
 } 
 private long mBase; 
 private long mRemainSeconds; 
 private boolean mStarted; 
 private boolean mReStart; 
 private boolean mVisible; 
 private boolean mIsEnable; 
 private OnTickChangeListener mTickListener; 
 public ChronometerView(Context context) { 
 this(context, null); 
 } 
 public ChronometerView(Context context, AttributeSet attrs) { 
 super(context, attrs, 0); 
 } 
 public ChronometerView(Context context, AttributeSet attrs, int defStyleAttr) { 
 super(context, attrs, defStyleAttr); 
 updateText(mRemainSeconds); 
 } 
 @Override 
 protected void onWindowVisibilityChanged(int visibility) { 
 super.onWindowVisibilityChanged(visibility); 
 mVisible = visibility == VISIBLE; 
 updateStatus(); 
 } 
 @Override 
 protected void onDetachedFromWindow() { 
 super.onDetachedFromWindow(); 
 mVisible = false; 
 updateStatus(); 
 } 
  
 public void start() { 
 if (mReStart && !mStarted) { 
  mRemainSeconds = mBase; 
 } 
 mStarted = true; 
 updateStatus(); 
 } 
  
 public void pause() { 
 if (mStarted) { 
  mStarted = mReStart = false; 
  updateStatus(); 
 } 
 } 
  
 public void stop() { 
 mStarted = false; 
 mReStart = true; 
 updateStatus(); 
 updateText(mRemainSeconds = 0); 
 dispatchTickListener(); 
 } 
  
 private void updateStatus() { 
 boolean isEnable = mVisible && mStarted; 
 if (mIsEnable != isEnable) { 
  if (isEnable) { 
  mHandler.sendMessage(Message.obtain(mHandler, TICK_WHAT)); 
  } else { 
  mHandler.removeMessages(TICK_WHAT); 
  } 
  mIsEnable = isEnable; 
 } 
 } 
 private static final int TICK_WHAT = 1; 
 private Handler mHandler = new Handler() { 
 public void handleMessage(android.os.Message msg) { 
  if (mRemainSeconds > 0) { 
  updateText(--mRemainSeconds); 
  dispatchTickListener(); 
  sendMessageDelayed(Message.obtain(this, TICK_WHAT), 1000); 
  } 
 } 
 }; 
 private void updateText(long now) { 
 String text = DateUtils.formatElapsedTime(now); 
 setText(text); 
 } 
  
 public void setBaseSeconds(long baseSeconds) { 
 if (baseSeconds > 0 && baseSeconds != mBase && !mStarted) { 
  mBase = mRemainSeconds = baseSeconds; 
  updateText(mRemainSeconds); 
 } 
 } 
  
 public long getRemainSeconds() { 
 return mRemainSeconds; 
 } 
 public void setOnTickChangeListener(OnTickChangeListener listener) { 
 mTickListener = listener; 
 } 
 public OnTickChangeListener getTickListener() { 
 return mTickListener; 
 } 
 private void dispatchTickListener() { 
 if (mTickListener != null) { 
  mTickListener.onTickChanged(this, getRemainSeconds()); 
 } 
 } 
 @Override 
 public void onInitializeAccessibilityEvent(AccessibilityEvent event) { 
 super.onInitializeAccessibilityEvent(event); 
 event.setClassName(ChronometerView.class.getName()); 
 } 
 @Override 
 public void onInitializeAccessibilityNodeInfo(AccessibilityNodeInfo info) { 
 super.onInitializeAccessibilityNodeInfo(info); 
 info.setClassName(Chronometer.class.getName()); 
 } 
}

 二、xml 中没有加入自定义的控件属性,同TextView


<LinearLayout 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:orientation="horizontal" > 
 <com.freedoman.widgets.calendar.ChronometerView 
  android:id="@+id/chronometer_view" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:layout_marginLeft="5dp" 
  android:background="@drawable/chronometer_view_bg" 
  android:enabled="true" 
  android:text="00:00" /> 
 <Button 
  android:id="@+id/start_chronometer_view_btn" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:layout_marginLeft="5dp" 
  android:text="Start" /> 
 <Button 
  android:id="@+id/pause_chronometer_view_btn" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:layout_marginLeft="5dp" 
  android:text="Pause" /> 
 <Button 
  android:id="@+id/stop_chronometer_view_btn" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:layout_marginLeft="5dp" 
  android:text="Stop" /> 
 </LinearLayout> 

三、在Activity中做一个简单的测试(可以发送短信验证码的实际应用场景为例)


public class ChronometerActivity extends Activity { 
 private ChronometerView mChronometerView; 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.activity_clock); 
 // 自定义计时器 
 if (mChronometerView == null) { 
  mChronometerView = (ChronometerView) findViewById(R.id.chronometer_view); 
  mChronometerView.setBaseSeconds(60); 
  mChronometerView.setOnTickChangeListener(new OnTickChangeListener() { 
  @Override 
  public void onTickChanged(ChronometerView view, long curTimeMills) { 
   System.out.println(curTimeMills); 
   view.setEnabled(curTimeMills == 0 || curTimeMills == 60); 
   if (curTimeMills == 0) { 
   mChronometerView.setText("重新发送"); 
   } 
  } 
  }); 
  mChronometerView.setText("点击发送验证码"); 
 } 
 findViewById(R.id.start_chronometer_view_btn).setOnClickListener(mClickListener); 
 findViewById(R.id.pause_chronometer_view_btn).setOnClickListener(mClickListener); 
 findViewById(R.id.stop_chronometer_view_btn).setOnClickListener(mClickListener); 
 } 
 private View.OnClickListener mClickListener = new OnClickListener() { 
 @Override 
 public void onClick(View v) { 
  switch (v.getId()) { 
  case R.id.start_chronometer_view_btn: 
  if (mChronometerView != null) { 
   mChronometerView.start(); 
  } 
  break; 
  case R.id.pause_chronometer_view_btn: 
  if (mChronometerView != null) { 
   mChronometerView.pause(); 
  } 
  break; 
  case R.id.stop_chronometer_view_btn: 
  if (mChronometerView != null) { 
   mChronometerView.stop(); 
  } 
  break; 
  } 
 } 
 }; 
} 
您可能感兴趣的文章:Android自定义view制作绚丽的验证码Android自定义控件通用验证码输入框的实现Android自定义控件深入学习 Android生成随机验证码Android自定义View获取注册验证码倒计时按钮Android自定义View实现随机验证码Android自定义方框EditText注册验证码Android自定义View实现验证码Android自定义控件实现验证码倒计时Android自定义View绘制随机生成图片验证码Android View教程之自定义验证码输入框效果


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯