Android 用RxBinding與RxJava2實(shí)現(xiàn)短信驗(yàn)證碼倒計(jì)時(shí)功能
場景:注冊賬號頁面時(shí),我們點(diǎn)擊按鈕發(fā)送驗(yàn)證碼,在等待驗(yàn)證碼時(shí),界面會(huì)有倒計(jì)時(shí)提示,這此期間按鈕不可點(diǎn)擊。當(dāng)?shù)褂?jì)時(shí)結(jié)束時(shí),按鈕恢復(fù)。
實(shí)現(xiàn)與功能都不難,這次用 RxBinding,RxJava2 的方法去實(shí)現(xiàn)。并實(shí)現(xiàn)了手動(dòng)、自動(dòng)停止倒計(jì)時(shí),防止多次點(diǎn)擊。

功能動(dòng)態(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)換成一個(gè)倒計(jì)時(shí)的 Observable 觀察者對象。
Observable<Long> mObservableCountTime = RxView.clicks(mBtnSendMsm)
//防止重復(fù)點(diǎn)擊
.throttleFirst(MAX_COUNT_TIME, TimeUnit.SECONDS)
//將點(diǎn)擊事件轉(zhuǎn)換成倒計(jì)時(shí)事件
.flatMap(new Function<Object, ObservableSource<Long>>() {
@Override
public ObservableSource<Long> apply(Object o) throws Exception {
//更新發(fā)送按鈕的狀態(tài)并初始化顯現(xiàn)倒計(jì)時(shí)文字
RxView.enabled(mBtnSendMsm).accept(false);
RxTextView.text(mBtnSendMsm).accept("剩余 " + MAX_COUNT_TIME + " 秒");
//在實(shí)際操作中可以在此發(fā)送獲取網(wǎng)絡(luò)的請求
//返回 N 秒內(nèi)的倒計(jì)時(shí)觀察者對象。
return Observable.interval(1, TimeUnit.SECONDS, Schedulers.io()).take(MAX_COUNT_TIME);
}
})
//將遞增數(shù)字替換成遞減的倒計(jì)時(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è)置作為倒計(jì)時(shí)提示的 Consumer 被觀察者對象。
Consumer<Long> mConsumerCountTime = new Consumer<Long>() {
@Override
public void accept(Long aLong) throws Exception {
//顯示剩余時(shí)長。當(dāng)?shù)褂?jì)時(shí)為 0 時(shí),還原 btn 按鈕.
if (aLong == 0) {
RxView.enabled(mBtnSendMsm).accept(true);
RxTextView.text(mBtnSendMsm).accept("發(fā)送驗(yàn)證碼");
} else {
RxTextView.text(mBtnSendMsm).accept("剩余 " + aLong + " 秒");
}
}
};
訂閱點(diǎn)擊事件:
//訂閱點(diǎn)擊事件 Disposable mDisposable = mObservableCountTime.subscribe(mConsumerCountTime);
停止倒計(jì)時(shí),但依然可以再次點(diǎn)擊。
//重置驗(yàn)證碼按鈕。
RxView.clicks(mBtnClean).subscribe(new Consumer<Object>() {
@Override
public void accept(Object o) throws Exception {
if (mDisposable != null && !mDisposable.isDisposed()) {
//停止倒計(jì)時(shí)
mDisposable.dispose();
//重新訂閱
mDisposable = mObservableCountTime.subscribe(mConsumerCountTime);
//按鈕可點(diǎn)擊
RxView.enabled(mBtnSendMsm).accept(true);
RxTextView.text(mBtnSendMsm).accept("發(fā)送驗(yàn)證碼");
}
}
});
退出當(dāng)前頁面時(shí),銷毀清空數(shù)據(jù)。
@Override
protected void onDestroy() {
super.onDestroy();
if (mDisposable != null) {
mDisposable.dispose();
}
}
源碼:倒計(jì)時(shí)的各種花式實(shí)現(xiàn)
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- OpenHarmony實(shí)現(xiàn)類Android短信驗(yàn)證碼及倒計(jì)時(shí)流程詳解
- Android自定義短信倒計(jì)時(shí)view流程分析
- Android使用CountDownTimer模擬短信驗(yàn)證倒計(jì)時(shí)
- Android使用Kotlin和RxJava 2.×實(shí)現(xiàn)短信驗(yàn)證碼倒計(jì)時(shí)效果
- Android實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼倒計(jì)時(shí)功能示例
- Android短信驗(yàn)證碼倒計(jì)時(shí)驗(yàn)證的2種常用方式
- Android自定義Chronometer實(shí)現(xiàn)短信驗(yàn)證碼秒表倒計(jì)時(shí)功能
- Android開發(fā)之獲取短信驗(yàn)證碼后按鈕背景變化并且出現(xiàn)倒計(jì)時(shí)
- Android封裝實(shí)現(xiàn)短信驗(yàn)證碼的獲取倒計(jì)時(shí)
相關(guān)文章
Android6.0 動(dòng)態(tài)權(quán)限機(jī)制深入講解
這篇文章主要給大家介紹了關(guān)于Android6.0 動(dòng)態(tài)權(quán)限機(jī)制的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
Android下拉刷新SwipeRefreshLayout控件使用方法
這篇文章主要介紹了Android下拉刷新SwipeRefreshLayout控件使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11
Android傳感器SensorEventListener之加速度傳感器
今天小編就為大家分享一篇關(guān)于Android傳感器SensorEventListener之加速度傳感器,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-02-02
Android 自定義標(biāo)題欄 顯示網(wǎng)頁加載進(jìn)度的方法實(shí)例
Android 自定義標(biāo)題欄 顯示網(wǎng)頁加載進(jìn)度的方法實(shí)例,需要的朋友可以參考一下2013-06-06
Android自定義View Material Design理念詳解
這篇文章主要為大家介紹了Android自定義View Material Design理念詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02
詳解Android?Flutter中SliverAppBar的使用教程
對于一個(gè)APP來說,肯定會(huì)有一個(gè)AppBar,這個(gè)AppBar一般包含了APP的導(dǎo)航信息等。在lutter已經(jīng)為我們提供了一個(gè)非常強(qiáng)大的AppBar組件,這個(gè)組件叫做SliverAppBar。本文就來聊聊它的具體使用吧2023-01-01
Android 運(yùn)用@JvmName解決函數(shù)簽名沖突問題詳解
JvmName注解是Kotlin提供的一個(gè)可以變更編譯器輸出的注解,這里簡單的介紹一下其使用規(guī)則,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2022-07-07
Android通過AlarmManager類實(shí)現(xiàn)簡單鬧鐘功能
這篇文章主要為大家詳細(xì)介紹了Android通過AlarmManager類實(shí)現(xiàn)簡單鬧鐘功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-06-06

