时间:2021-05-20
项目需要要实现一个带有倒计时功能的按钮,其效果类似发送验证码之后在按钮上显示倒计时并且将按钮设置为不可用的功能。
为了项目中其他地方能够调用到,便重写了一个继承于Button的TimeButton来实现倒计时功能,并方便调用。
老规矩,上效果图:
逻辑也不复杂,直接上代码:
首先新建一个App.class继承于Application
package com.example.xuboyu.myapplication; /** * 用于存放倒计时时间 * @author bnuzlbs-xuboyu 2017/4/5. */import java.util.Map; import android.app.Application; public class App extends Application { // 用于存放倒计时时间 public static Map<String, Long> map;}然后编写TimeButton.class继承于Button
package com.example.xuboyu.myapplication; import java.util.HashMap;import java.util.Map;import java.util.Timer;import java.util.TimerTask; import android.annotation.SuppressLint;import android.content.Context;import android.os.Bundle;import android.os.Handler;import android.util.AttributeSet;import android.util.Log;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button; /** * 倒计时按钮 * @author bnuzlbs-xuboyu 2017/4/5. * 注意把该类的onCreate()onDestroy()和activity的onCreate()onDestroy()同步处理 */public class TimeButton extends Button implements OnClickListener { private long lenght = 60 * 1000;// 倒计时长度,这里给了默认60秒 private String textafter = "秒后重新获取~"; private String textbefore = "点击获取验证码~"; private int colorafter; private int colorbefore; private final String TIME = "time"; private final String CTIME = "ctime"; private OnClickListener mOnclickListener; private Timer t; private TimerTask tt; private long time; 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); 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 = lenght; t = new Timer(); tt = new TimerTask() { @Override public void run() { Log.e("xuboyu", time / 1000 + ""); han.sendEmptyMessage(0x01);//十六进制的数字1 } }; } private void clearTimer() { 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); // t.scheduleAtFixedRate(task, delay, period); } /** * 和activity的onDestroy()方法同步 */ public void onDestroy() { if (App.map == null) App.map = new HashMap<String, Long>(); App.map.put(TIME, time); App.map.put(CTIME, System.currentTimeMillis()); clearTimer(); Log.e("xuboyu", "onDestroy"); } /** * 和activity的onCreate()方法同步 */ public void onCreate(Bundle bundle) { Log.e("xuboyu:倒计时相关", App.map + ""); if (App.map == null) return; if (App.map.size() <= 0)// 这里表示没有上次未完成的计时 return; long time = 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); } } /** * 设置计时时候显示的文本 */ 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.lenght = lenght; return this; }}最后在MainActivity.class中调用
package com.example.xuboyu.myapplication; import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Toast; /** * 测试主界面 * @author bnuzlbs-xuboyu 2017/4/5. */public class MainActivity extends Activity implements OnClickListener { private TimeButton v; private TimeButton v2; private TimeButton v3; @Override protected void onCreate(Bundle savedInstanceState) { 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 public void onClick(View v) { // TODO Auto-generated method stub Toast.makeText(MainActivity.this, "这是处理调用者onclicklistnenr", Toast.LENGTH_SHORT).show(); } @Override protected void onDestroy() { // TODO Auto-generated method stub v.onDestroy(); v2.onDestroy(); super.onDestroy(); }}其中绿色按钮是使用了自定义样式的Button,使用起来也很简单
首先在drawable中新建一个样式文件mybutton.xml
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#5cbe6c" /> <!-- 设置按钮的四个角为弧形 --> <!-- android:radius 弧形的半径 --> <corners android:radius="15dip" /> <!-- padding:Button里面的文字与Button边界的间隔 --> <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" /></shape>然后在定义TimeButton的时候如下:
android:background="@drawable/mybutton"<com.example.xuboyu.myapplication.TimeButton android:id="@+id/button2" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="" android:background="@drawable/mybutton" android:layout_margin="20dp"/>那么定义出来的Button样式就为下图:
记得在AndroidManifest.xml中的Application添加:
android:name=".App"<application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme" android:name=".App"> <activity android:name=".MainActivity" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity></application>Ps.这个倒计时按钮存在一个问题,对于长时间计时而言,用户可能在计时后退出应用程序,如果用户把我们的APP置于后台,那么OK,我们的倒计时还是可以进行,但是假如用户在退出后把APP进程滑掉,或者使用了其他软件清理后台等等,就会执行OnDestory方法,再次进去APP的时候只能重新建立一个Timer。所以打算的是使用轻量级存储来储存每次退出后的倒计时数据,然后在重新OnCreate的时候为Timer赋值。当然对于短时间的计时,即在用户可接受的等待范围内是完全可以接受的!有Bug也欢迎指出,对于应用进程被销毁时Timer也销毁这个问题假如你有更好的解决方法,也请多指教!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
这篇博客为大家介绍Android自定义相机,并且实现倒计时拍照功能。首先自定义拍照会用到SurfaceView控件显示照片的预览区域,以下是布局文件:activ
实现的主要功能如下:1.点击按钮的时候,可以进行倒计时,倒计时自定义。2.当接收短信失败后,倒计时停止,可点击重新发送短信。3.点击的元素支持一般标签和inpu
Js倒计时代码,带闹铃功能,自定义闹钟倒计时功能,点击开始按钮,即可开始倒数,代码不是太复杂,新手应该能看懂,代码分享给大家。效果图:源码:Js倒计时,闹铃功能
本文实例为大家分享了Chronometer实现倒计时功能,Android提供了实现按照秒计时的API,供大家参考,具体内容如下一、自定义ChronometerV
WSDrawCircleProgress,根据UIBezierPath和CAShapeLayer自定义倒计时进度条,适用于app启动的时候设置一个倒计时关闭启动