Android仿淘寶搜索聯(lián)想功能的示例代碼
現(xiàn)在不少應(yīng)用都提供了搜索功能,有些還提供了搜索聯(lián)想。對于一個搜索聯(lián)想功能,最基本的實現(xiàn)流程為:客戶端通過監(jiān)聽輸入框內(nèi)容的變化,當(dāng)輸入框發(fā)生變化之后就會回調(diào)afterTextChanged方法,客戶端利用當(dāng)前輸入框內(nèi)的文字向服務(wù)器發(fā)起請求,服務(wù)器返回與該搜索文字關(guān)聯(lián)的結(jié)果給客戶端進行展示。服務(wù)器那邊,一般要做內(nèi)存緩存池,就是把有可能的結(jié)果都放在內(nèi)存中。
效果圖

APP這邊也有幾個重要的問題需要我們思考
- 當(dāng)搜索詞為空時,不應(yīng)該發(fā)起網(wǎng)絡(luò)請求。
- 在用戶連續(xù)輸入的情況下,可能會發(fā)起某些不必要的請求。例如用戶輸入了abc,那么按照上面的實現(xiàn),客戶端就會發(fā)起a、ab、abc三個請求。
- 如果用戶依次輸入了ab和abc,那么首先會發(fā)起關(guān)鍵詞為ab請求,之后再發(fā)起abc的請求,但是abc的請求如果先于ab的請求返回,那么就會造成用戶期望搜索的結(jié)果為abc,但是我們最終希望得到的結(jié)果卻是和ab關(guān)聯(lián)的。
我的方案是采用retrofit2+rxjava2來實現(xiàn)的,針對這幾個問題的大致思路如下,關(guān)于這幾個操作符的解釋,在Demo中有較完整的解釋
- 使用debounce操作符,當(dāng)輸入框發(fā)生變化時,不會立刻將事件發(fā)布出去,而是等待200ms,如果在這段事件內(nèi),輸入框沒有發(fā)生變化,那么才發(fā)送該事件;反之,則在收到新的關(guān)鍵詞后,繼續(xù)等待200ms。
- 使用filter操作符,只有關(guān)鍵詞的長度大于0時才把事件發(fā)布出去。filter作用:對源Observable產(chǎn)生的結(jié)果按照指定條件進行過濾,只有滿足條件的結(jié)果才會提交給訂閱者
- 使用switchMap操作符,這樣當(dāng)發(fā)起了abc的請求之后,即使ab的結(jié)果返回了,也不會發(fā)送給下游,從而避免了出現(xiàn)前面介紹的搜索詞和聯(lián)想結(jié)果不匹配的問題。switchMap操作符會保存最新的Observable產(chǎn)生的結(jié)果而舍棄舊的結(jié)果。
下面貼出關(guān)鍵代碼
private void initEdt() {
editText = (EditText) findViewById(R.id.edt);
editText.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
}
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
}
@Override
public void afterTextChanged(Editable s) {
if (s.toString().trim().isEmpty()) {
mPop.dismiss();
} else {
//輸入內(nèi)容非空的時候才開始搜索
startSearch(s.toString());
}
}
});
mPublishSubject = PublishSubject.create();
mPublishSubject.debounce(200, TimeUnit.MILLISECONDS) //這里我們限制只有在輸入字符200毫秒后沒有字符沒有改變時才去請求網(wǎng)絡(luò),節(jié)省了資源
.filter(new Predicate<String>() { //對源Observable產(chǎn)生的結(jié)果按照指定條件進行過濾,只有滿足條件的結(jié)果才會提交給訂閱者
@Override
public boolean test(String s) throws Exception {
//當(dāng)搜索詞為空時,不發(fā)起請求
return s.length() > 0;
}
})
/**
* flatmap:把Observable產(chǎn)生的結(jié)果轉(zhuǎn)換成多個Observable,然后把這多個Observable
“扁平化”成一個Observable,并依次提交產(chǎn)生的結(jié)果給訂閱者
*concatMap:操作符flatMap操作符不同的是,concatMap操作符在處理產(chǎn)生的Observable時,
采用的是“連接(concat)”的方式,而不是“合并(merge)”的方式,
這就能保證產(chǎn)生結(jié)果的順序性,也就是說提交給訂閱者的結(jié)果是按照順序提交的,不會存在交叉的情況
*switchMap:與flatMap操作符不同的是,switchMap操作符會保存最新的Observable產(chǎn)生的
結(jié)果而舍棄舊的結(jié)果
**/
.switchMap(new Function<String, ObservableSource<String>>() {
@Override
public ObservableSource<String> apply(String query) throws Exception {
return getSearchObservable(query);
}
})
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new DisposableObserver<String>() {
@Override
public void onNext(String s) {
//顯示搜索聯(lián)想的結(jié)果
showSearchResult(s);
}
@Override
public void onError(Throwable throwable) {
}
@Override
public void onComplete() {
}
});
mCompositeDisposable = new CompositeDisposable();
mCompositeDisposable.add(mCompositeDisposable);
}
//開始搜索
private void startSearch(String query) {
mPublishSubject.onNext(query);
}
private Observable<String> getSearchObservable(final String query) {
return Observable.create(new ObservableOnSubscribe<String>() {
@Override
public void subscribe(ObservableEmitter<String> observableEmitter) throws Exception {
Log.d(TAG, "開始請求,關(guān)鍵詞為:" + query);
try {
Thread.sleep(100); //模擬網(wǎng)絡(luò)請求,耗時100毫秒
} catch (InterruptedException e) {
if (!observableEmitter.isDisposed()) {
observableEmitter.onError(e);
}
}
if (!(query.contains("科") || query.contains("耐") || query.contains("七"))) {
//沒有聯(lián)想結(jié)果,則關(guān)閉pop
mPop.dismiss();
return;
}
Log.d("SearchActivity", "結(jié)束請求,關(guān)鍵詞為:" + query);
observableEmitter.onNext(query);
observableEmitter.onComplete();
}
}).subscribeOn(Schedulers.io());
}
下面是針對幾個操作符,從官網(wǎng)download下來的東西,供大家一起學(xué)習(xí)
debounce

debounce原理類似于我們在收到請求之后,發(fā)送一個延時消息給下游,如果在這段延時時間內(nèi)沒有收到新的請求,那么下游就會收到該消息;而如果在這段延時時間內(nèi)收到來新的請求,那么就會取消之前的消息,并重新發(fā)送一個新的延時消息,以此類推。
而如果在這段時間內(nèi),上游發(fā)送了onComplete消息,那么即使沒有到達(dá)需要等待的時間,下游也會立刻收到該消息。
filter

filter的原理很簡單,就是傳入一個Predicate函數(shù),其參數(shù)為上游發(fā)送的事件,只有該函數(shù)返回true時,才會將事件發(fā)送給下游,否則就丟棄該事件。
switchMap

switchMap的原理是將上游的事件轉(zhuǎn)換成一個或多個新的Observable,但是有一點很重要,就是如果在該節(jié)點收到一個新的事件之后,那么如果之前收到的時間所產(chǎn)生的Observable還沒有發(fā)送事件給下游,那么下游就再也不會收到它發(fā)送的事件了。
如上圖所示,該節(jié)點先后收到了紅、綠、藍(lán)三個事件,并將它們映射成為紅一、紅二、綠一、綠二、藍(lán)一、藍(lán)二,但是當(dāng)藍(lán)一發(fā)送完事件時,綠二依舊沒有發(fā)送事件,而最初綠色事件在藍(lán)色事件之前,那么綠二就不會發(fā)送給下游。
- flatmap:把Observable產(chǎn)生的結(jié)果轉(zhuǎn)換成多個Observable,然后把這多個Observable“扁平化”成一個Observable,并依次提交產(chǎn)生的結(jié)果給訂者
- concatMap:flatMap操作符不同的是,concatMap操作符在處理產(chǎn)生的Observable時,采用的是“連接(concat)”的方式,而不是“合并(merge)”的方式,這就能保證產(chǎn)生結(jié)果的順序性,也就是說提交給訂閱者的結(jié)果是按照順序提交的,不會存在交叉的情況
- switchMap:與flatMap操作符不同的是,switchMap操作符會保存最新的Observable產(chǎn)生的結(jié)果而舍棄舊的結(jié)果
GitHub地址(完整Demo,歡迎下載)
https://github.com/zhouxu88/SearchDemo
rxjava2學(xué)習(xí)地址
https://github.com/ReactiveX/RxJava
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Eclipse工程轉(zhuǎn)為兼容Android Studio模式的方法步驟圖文詳解
這篇文章主要介紹了Eclipse工程轉(zhuǎn)為兼容Android Studio模式的方法步驟,本文圖文并茂給大家介紹的非常詳細(xì),需要的朋友可以參考下2017-12-12
Android 超詳細(xì)講解fitsSystemWindows屬性的使用
fitsSystemWindows屬性可以讓view根據(jù)系統(tǒng)窗口來調(diào)整自己的布局;簡單點說就是我們在設(shè)置應(yīng)用布局時是否考慮系統(tǒng)窗口布局,這里系統(tǒng)窗口包括系統(tǒng)狀態(tài)欄、導(dǎo)航欄、輸入法等,包括一些手機系統(tǒng)帶有的底部虛擬按鍵2022-03-03
Android使用google breakpad捕獲分析native cash
這篇文章主要介紹了Android使用google breakpad捕獲分析native cash 的相關(guān)知識,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
Android中的Service相關(guān)全面總結(jié)
接下來將介紹Service的種類;Service與Thread的區(qū)別;Service的生命周期;startService 啟動服務(wù);Local與Remote服務(wù)綁定等等,感興趣的朋友可以了解下2013-01-01
Android 虛擬按鍵適配動態(tài)調(diào)整布局的方法
今天小編就為大家分享一篇Android 虛擬按鍵適配動態(tài)調(diào)整布局的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-07-07
Windows下快速搭建安卓開發(fā)環(huán)境Android studio
這篇文章主要介紹了Windows下快速搭建安卓開發(fā)環(huán)境Android studio的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-07
Android中Listview點擊item不變顏色及設(shè)置listselector 無效的解決方案
這篇文章主要介紹了Android中Listview點擊item不變顏色及設(shè)置listselector 無效的原因及解決方案,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-09
Android獲取LinearLayout的寬度和高度示例代碼
這篇文章主要介紹了android獲取LinearLayout的寬度和高度,如果想直接獲取在布局文件中定義的組件的寬度和高度,可以直接使用View.getLayoutParams().width和View.getLayoutParams().height,本文結(jié)合示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
百度地圖實現(xiàn)小車規(guī)劃路線后平滑移動功能
這篇文章主要介紹了百度地圖實現(xiàn)小車規(guī)劃路線后平滑移動功能,本文是小編寫的一個demo,通過效果圖展示的非常直白,需要的朋友可以參考下2020-01-01

