場景：注冊賬號頁面時，我們點擊按鈕發送驗證碼，在等待驗證碼時，界面會有倒計時提示，這此期間按鈕不可點擊。當倒計時結束時，按鈕恢復。
實現與功能都不難，這次用 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("發送驗證碼"); } }});退出當前頁面時，銷毀清空數據。
@Overrideprotected void onDestroy() { super.onDestroy(); if (mDisposable != null) { mDisposable.dispose(); }}源碼：倒計時的各種花式實現
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答
