欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android 用RxBinding與RxJava2實現(xiàn)短信驗證碼倒計時功能

 更新時間：2017年10月24日 15:04:11   作者：DoubleThunder  
這篇文章主要介紹了Android 用RxBinding與RxJava2實現(xiàn)短信倒計時功能示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下

場景：注冊賬號頁面時，我們點擊按鈕發(fā)送驗證碼，在等待驗證碼時，界面會有倒計時提示，這此期間按鈕不可點擊。當(dāng)?shù)褂嫊r結(jié)束時，按鈕恢復(fù)。

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

功能動態(tài)圖

要使用 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() 綁定并轉(zhuǎn)換成一個倒計時的 Observable 觀察者對象。

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

      //在實際操作中可以在此發(fā)送獲取網(wǎng)絡(luò)的請求

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

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

Consumer<Long> mConsumerCountTime = new Consumer<Long>() {
  @Override
  public void accept(Long aLong) throws Exception {
    //顯示剩余時長。當(dāng)?shù)褂嫊r為 0 時，還原 btn 按鈕.
    if (aLong == 0) {
      RxView.enabled(mBtnSendMsm).accept(true);
      RxTextView.text(mBtnSendMsm).accept("發(fā)送驗證碼");
    } 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("發(fā)送驗證碼");
    }
  }
});

退出當(dāng)前頁面時，銷毀清空數(shù)據(jù)。

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

源碼：倒計時的各種花式實現(xiàn)

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論