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

這篇“Android怎么使用RxBinding與RxJava2實現(xiàn)短信驗證碼倒計時功能”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“Android怎么使用RxBinding與RxJava2實現(xiàn)短信驗證碼倒計時功能”文章吧。

我們提供的服務(wù)有：網(wǎng)站設(shè)計、成都網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、墨竹工卡ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學管理、有技術(shù)的墨竹工卡網(wǎng)站制作公司

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

實現(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)
  //防止重復點擊
  .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 {
    //顯示剩余時長。當?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ā)送驗證碼");
    }
  }
});

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

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

以上就是關(guān)于“Android怎么使用RxBinding與RxJava2實現(xiàn)短信驗證碼倒計時功能”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

新聞名稱：Android怎么使用RxBinding與RxJava2實現(xiàn)短信驗證碼倒計時功能
文章路徑：http://muchs.cn/article20/gedojo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、網(wǎng)站策劃、域名注冊、網(wǎng)站設(shè)計、、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)