Android如何使用RxBinding與RxJava2實現短信驗證碼倒計時功能

這篇文章給大家分享的是有關Android如何使用RxBinding與RxJava2實現短信驗證碼倒計時功能的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

場景：注冊賬號頁面時，我們點擊按鈕發送驗證碼，在等待驗證碼時，界面會有倒計時提示，這此期間按鈕不可點擊。當倒計時結束時，按鈕恢復。

實現與功能都不難，這次用 RxBinding，RxJava2 的方法去實現。并實現了手動、自動停止倒計時，防止多次點擊。

功能動態圖

要使用 RxBinding、RxJava2 先添加 Gradle 配置:

compile 'io.reactivex.rxjava2:rxandroid:2.0.1'
compile 'io.reactivex.rxjava2:rxjava:2.0.1'

compile 'com.jakewharton.rxbinding2:rxbinding:2.0.0'
compile 'com.jakewharton.rxbinding2:rxbinding-support-v4:2.0.0'
compile 'com.jakewharton.rxbinding2:rxbinding-appcompat-v7:2.0.0'

首先通過 RxView.clicks() 綁定并轉換成一個倒計時的 Observable 觀察者對象。

Observable<Long> mObservableCountTime = RxView.clicks(mBtnSendMsm)
  //防止重復點擊
  .throttleFirst(MAX_COUNT_TIME, TimeUnit.SECONDS)
  //將點擊事件轉換成倒計時事件
  .flatMap(new Function<Object, ObservableSource<Long>>() {
    @Override
    public ObservableSource<Long> apply(Object o) throws Exception {
      //更新發送按鈕的狀態并初始化顯現倒計時文字
      RxView.enabled(mBtnSendMsm).accept(false);
      RxTextView.text(mBtnSendMsm).accept("剩余 " + MAX_COUNT_TIME + " 秒");

      //在實際操作中可以在此發送獲取網絡的請求

      //返回 N 秒內的倒計時觀察者對象。
      return Observable.interval(1, TimeUnit.SECONDS, Schedulers.io()).take(MAX_COUNT_TIME);
    }
  })
  //將遞增數字替換成遞減的倒計時數字
  .map(new Function<Long, Long>() {
    @Override
    public Long apply(Long aLong) throws Exception {
      return MAX_COUNT_TIME - (aLong + 1);
    }
  })
  .observeOn(AndroidSchedulers.mainThread());//切換到 Android 的主線程。

設置作為倒計時提示的 Consumer 被觀察者對象。

Consumer<Long> mConsumerCountTime = new Consumer<Long>() {
  @Override
  public void accept(Long aLong) throws Exception {
    //顯示剩余時長。當倒計時為 0 時，還原 btn 按鈕.
    if (aLong == 0) {
      RxView.enabled(mBtnSendMsm).accept(true);
      RxTextView.text(mBtnSendMsm).accept("發送驗證碼");
    } else {
      RxTextView.text(mBtnSendMsm).accept("剩余 " + aLong + " 秒");
    }
  }
};

訂閱點擊事件:

 //訂閱點擊事件
 Disposable mDisposable = mObservableCountTime.subscribe(mConsumerCountTime);

停止倒計時，但依然可以再次點擊。

//重置驗證碼按鈕。
RxView.clicks(mBtnClean).subscribe(new Consumer<Object>() {
  @Override
  public void accept(Object o) throws Exception {
    if (mDisposable != null && !mDisposable.isDisposed()) {
      //停止倒計時
      mDisposable.dispose();
      //重新訂閱
      mDisposable = mObservableCountTime.subscribe(mConsumerCountTime);
      //按鈕可點擊
      RxView.enabled(mBtnSendMsm).accept(true);
      RxTextView.text(mBtnSendMsm).accept("發送驗證碼");
    }
  }
});

退出當前頁面時，銷毀清空數據。

@Override
protected void onDestroy() {
  super.onDestroy();
  if (mDisposable != null) {
    mDisposable.dispose();
  }
}

感謝各位的閱讀！關于“Android如何使用RxBinding與RxJava2實現短信驗證碼倒計時功能”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！