Android 自定义View之倒计时实例代码

Android 自定义View之倒计时实例代码

需求：

大多数app在注册的时候，都有一个获取验证码的按钮，点击后，访问接口，最终用户会收到短信验证码。为了不多次写这个获取验证码的接口，下面将它自定义成一个view，方便使用。

分析一下，这是一个TextView，点击的时候变色，不能再点击，同时里面的倒计时开始显示。那么就有了下面的代码

代码：

/** 
 * 通过selector选择器来改变背景，其中倒计时运行时为android:state_enabled="true"， 
 * 不显示倒计时时为android:state_enabled="false"; 
 * */ 
public class CountDownView extends TextView { 
   
  private long totalMills = 10 * 1000;//倒计时的总时间，根据需要更改这个值 
  private long interval = 1000;//倒计时的时间间隔 
   
  public CountDownView(Context context) { 
    super(context); 
  } 
 
  public CountDownView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
  } 
 
  public CountDownView(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 
  } 
 
  private TimeCount mTimeCount; 
   
  private void startCount(long totalMills, long countDownInterval) { 
    if (mTimeCount == null) 
      mTimeCount = new TimeCount(totalMills, countDownInterval); 
    mTimeCount.start(); 
  } 
   
  public void start(){ 
    defaultText = getText().toString(); 
    startCount(totalMills, interval); 
  } 
 
  public void cancel() { 
    if (mTimeCount != null){ 
      mTimeCount.onFinish(); 
      mTimeCount.cancel(); 
    } 
  } 
 
  String defaultText = "";//获取到在点击之前的文本内容 
 
  class TimeCount extends CountDownTimer { 
 
    public TimeCount(long millisInFuture, long countDownInterval) { 
      super(millisInFuture, countDownInterval); 
    } 
 
    @Override 
    public void onTick(long millisUntilFinished) { 
      setEnabled(false); 
      setText(millisUntilFinished / 1000 + "S"); 
    } 
 
    @Override 
    public void onFinish() { 
      setEnabled(true); 
      setText(defaultText); 
    } 
 
  } 
 
} 

测试代码：

public class MainActivity extends Activity implements OnClickListener { 
 
  private CountDownView mCountDownView; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
 
    mCountDownView = (CountDownView) findViewById(R.id.tv_1); 
     
    mCountDownView.setOnClickListener(this); 
    findViewById(R.id.tv_2).setOnClickListener(this); 
  } 
 
  int count = 0; 
  DemoThread thread; 
  @Override 
  public void onClick(View v) { 
     
    if(v.getId() == R.id.tv_1){ 
      mCountDownView.start(); 
      thread = new DemoThread(); 
      thread.start(); 
    } else if (v.getId() == R.id.tv_2) { 
      mCountDownView.cancel(); 
      System.out.println("wisely 取消倒计时"); 
    } 
  } 
   
  class DemoThread extends Thread{ 
    @Override 
    public void run() { 
      while (count < 10) { 
        SystemClock.sleep(100); 
        count++; 
        System.out.println("wisely count:" + count); 
      } 
    } 
  } 
} 

总结：

1、使用的时候，为该控件设置点击事件，然后调用start()方法，剩下的就是你自己的代码，一般都是联网调接口。

2、获取验证码的控件背景可以设置为selector选择器，设置android:state_enabled属性。上面例子的selector选择器代码如下：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android" > 
   
  <item android:state_enabled="true" android:drawable="@color/green"/> 
  <item android:state_enabled="false" android:drawable="@color/red"/> 
 
</selector> 

3、在退出activity时，记得调用控件的cancel方法销毁它，否则会造成内存泄露。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！