怎么在Android中通过自定义TimeButton实现倒计时按钮

发布时间:2021-05-24 18:23:14 作者:Leah
来源:亿速云 阅读:215

这期内容当中小编将会给大家带来有关怎么在Android中通过自定义TimeButton实现倒计时按钮,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

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

package com.example.xuboyu.myapplication;

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样式就为下图:

怎么在Android中通过自定义TimeButton实现倒计时按钮

记得在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>

Android是什么

Android是一种基于Linux内核的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由美国Google公司和开放手机联盟领导及开发。

上述就是小编为大家分享的怎么在Android中通过自定义TimeButton实现倒计时按钮了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. 怎么在Vue中实现一个倒计时按钮功能
  2. Android如何实现倒计时的按钮效果

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android timebutton

上一篇:怎么在Android中利用双重SurfaceView实现弹幕效果

下一篇:linux如何查看当前用户属于哪个用户组

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》