Android 用RxBinding與RxJava2實現(xiàn)短信驗證碼倒計時功能
場景:注冊賬號頁面時,我們點擊按鈕發(fā)送驗證碼,在等待驗證碼時,界面會有倒計時提示,這此期間按鈕不可點擊。當?shù)褂嫊r結束時,按鈕恢復。
實現(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() 綁定并轉換成一個倒計時的 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 {
//更新發(fā)送按鈕的狀態(tài)并初始化顯現(xiàn)倒計時文字
RxView.enabled(mBtnSendMsm).accept(false);
RxTextView.text(mBtnSendMsm).accept("剩余 " + MAX_COUNT_TIME + " 秒");
//在實際操作中可以在此發(fā)送獲取網(wǎng)絡的請求
//返回 N 秒內的倒計時觀察者對象。
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 的主線程。
設置作為倒計時提示的 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();
}
}
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- OpenHarmony實現(xiàn)類Android短信驗證碼及倒計時流程詳解
- Android自定義短信倒計時view流程分析
- Android使用CountDownTimer模擬短信驗證倒計時
- Android使用Kotlin和RxJava 2.×實現(xiàn)短信驗證碼倒計時效果
- Android實現(xiàn)發(fā)送短信驗證碼倒計時功能示例
- Android短信驗證碼倒計時驗證的2種常用方式
- Android自定義Chronometer實現(xiàn)短信驗證碼秒表倒計時功能
- Android開發(fā)之獲取短信驗證碼后按鈕背景變化并且出現(xiàn)倒計時
- Android封裝實現(xiàn)短信驗證碼的獲取倒計時
相關文章
Android下拉刷新SwipeRefreshLayout控件使用方法
這篇文章主要介紹了Android下拉刷新SwipeRefreshLayout控件使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11
Android傳感器SensorEventListener之加速度傳感器
今天小編就為大家分享一篇關于Android傳感器SensorEventListener之加速度傳感器,小編覺得內容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-02-02
Android 自定義標題欄 顯示網(wǎng)頁加載進度的方法實例
Android 自定義標題欄 顯示網(wǎng)頁加載進度的方法實例,需要的朋友可以參考一下2013-06-06
Android自定義View Material Design理念詳解
這篇文章主要為大家介紹了Android自定義View Material Design理念詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02
詳解Android?Flutter中SliverAppBar的使用教程
對于一個APP來說,肯定會有一個AppBar,這個AppBar一般包含了APP的導航信息等。在lutter已經(jīng)為我們提供了一個非常強大的AppBar組件,這個組件叫做SliverAppBar。本文就來聊聊它的具體使用吧2023-01-01
Android 運用@JvmName解決函數(shù)簽名沖突問題詳解
JvmName注解是Kotlin提供的一個可以變更編譯器輸出的注解,這里簡單的介紹一下其使用規(guī)則,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步2022-07-07
Android通過AlarmManager類實現(xiàn)簡單鬧鐘功能
這篇文章主要為大家詳細介紹了Android通過AlarmManager類實現(xiàn)簡單鬧鐘功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-06-06

