美文网首页Android资源收录RxJava框架
RxJava2 实战知识梳理(3) - 优化搜索联想功能

RxJava2 实战知识梳理(3) - 优化搜索联想功能

作者: 泽毛 | 来源:发表于2017-08-27 21:55 被阅读2399次

    RxJava2 实战系列文章

    RxJava2 实战知识梳理(1) - 后台执行耗时操作,实时通知 UI 更新
    RxJava2 实战知识梳理(2) - 计算一段时间内数据的平均值
    RxJava2 实战知识梳理(3) - 优化搜索联想功能
    RxJava2 实战知识梳理(4) - 结合 Retrofit 请求新闻资讯
    RxJava2 实战知识梳理(5) - 简单及进阶的轮询操作
    RxJava2 实战知识梳理(6) - 基于错误类型的重试请求
    RxJava2 实战知识梳理(7) - 基于 combineLatest 实现的输入表单验证
    RxJava2 实战知识梳理(8) - 使用 publish + merge 优化先加载缓存,再读取网络数据的请求过程
    RxJava2 实战知识梳理(9) - 使用 timer/interval/delay 实现任务调度
    RxJava2 实战知识梳理(10) - 屏幕旋转导致 Activity 重建时恢复任务
    RxJava2 实战知识梳理(11) - 检测网络状态并自动重试请求
    RxJava2 实战知识梳理(12) - 实战讲解 publish & replay & share & refCount & autoConnect
    RxJava2 实战知识梳理(13) - 如何使得错误发生时不自动停止订阅关系
    RxJava2 实战知识梳理(14) - 在 token 过期时,刷新过期 token 并重新发起请求
    RxJava2 实战知识梳理(15) - 实现一个简单的 MVP + RxJava + Retrofit 应用


    一、示例

    1.1 应用场景

    几乎每个应用程序都提供了搜索功能,某些应用还提供了搜索联想。对于一个搜索联想功能,最基本的实现流程为:客户端通过EditTextaddTextChangedListener方法监听输入框的变化,当输入框发生变化之后就会回调afterTextChanged方法,客户端利用当前输入框内的文字向服务器发起请求,服务器返回与该搜索文字关联的结果给客户端进行展示。

    在该场景下,有几个可以优化的方面:

    • 在用户连续输入的情况下,可能会发起某些不必要的请求。例如用户输入了abc,那么按照上面的实现,客户端就会发起aababc三个请求。
    • 当搜索词为空时,不应该发起请求。
    • 如果用户依次输入了ababc,那么首先会发起关键词为ab请求,之后再发起abc的请求,但是abc的请求如果先于ab的请求返回,那么就会造成用户期望搜索的结果为abc,最终展现的结果却是和ab关联的。

    1.2 示例代码

    这里,我们针对上面提到的三个问题,使用RxJava2提供的三个操作符进行了优化:

    • 使用debounce操作符,当输入框发生变化时,不会立刻将事件发送给下游,而是等待200ms,如果在这段事件内,输入框没有发生变化,那么才发送该事件;反之,则在收到新的关键词后,继续等待200ms
    • 使用filter操作符,只有关键词的长度大于0时才发送事件给下游。
    • 使用switchMap操作符,这样当发起了abc的请求之后,即使ab的结果返回了,也不会发送给下游,从而避免了出现前面介绍的搜索词和联想结果不匹配的问题。
    public class SearchActivity extends AppCompatActivity {
    
        private EditText mEtSearch;
        private TextView mTvSearch;
        private PublishSubject<String> mPublishSubject;
        private DisposableObserver<String> mDisposableObserver;
        private CompositeDisposable mCompositeDisposable;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_search);
            mEtSearch = (EditText) findViewById(R.id.et_search);
            mTvSearch = (TextView) findViewById(R.id.tv_search_result);
            mEtSearch.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) {
                    startSearch(s.toString());
                }
            });
            mPublishSubject = PublishSubject.create();
            mDisposableObserver = new DisposableObserver<String>() {
    
                @Override
                public void onNext(String s) {
                    mTvSearch.setText(s);
                }
    
                @Override
                public void onError(Throwable throwable) {
    
                }
    
                @Override
                public void onComplete() {
    
                }
            };
            mPublishSubject.debounce(200, TimeUnit.MILLISECONDS).filter(new Predicate<String>() {
    
                @Override
                public boolean test(String s) throws Exception {
                    return s.length() > 0;
                }
    
            }).switchMap(new Function<String, ObservableSource<String>>() {
    
                @Override
                public ObservableSource<String> apply(String query) throws Exception {
                    return getSearchObservable(query);
                }
    
            }).observeOn(AndroidSchedulers.mainThread()).subscribe(mDisposableObserver);
            mCompositeDisposable = new CompositeDisposable();
            mCompositeDisposable.add(mDisposableObserver);
        }
    
        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("SearchActivity", "开始请求,关键词为:" + query);
                    try {
                        Thread.sleep(100 + (long) (Math.random() * 500));
                    } catch (InterruptedException e) {
                        if (!observableEmitter.isDisposed()) {
                            observableEmitter.onError(e);
                        }
                    }
                    Log.d("SearchActivity", "结束请求,关键词为:" + query);
                    observableEmitter.onNext("完成搜索,关键词为:" + query);
                    observableEmitter.onComplete();
                }
            }).subscribeOn(Schedulers.io());
        }
    
        @Override
        protected void onDestroy() {
            super.onDestroy();
            mCompositeDisposable.clear();
        }
    }
    

    运行结果为:


    二、示例解析

    下面,我们就来详细的介绍一下这个例子中应用到的三种操作符

    2.1 debounce

    debounce的原理图如下所示:


    debounce原理类似于我们在收到请求之后,发送一个延时消息给下游,如果在这段延时时间内没有收到新的请求,那么下游就会收到该消息;而如果在这段延时时间内收到来新的请求,那么就会取消之前的消息,并重新发送一个新的延时消息,以此类推。

    而如果在这段时间内,上游发送了onComplete消息,那么即使没有到达需要等待的时间,下游也会立刻收到该消息。

    2.2 filter

    filter的原理图如下所示:


    filter的原理很简单,就是传入一个Predicate函数,其参数为上游发送的事件,只有该函数返回true时,才会将事件发送给下游,否则就丢弃该事件。

    2.3 switchMap


    switchMap的原理是将上游的事件转换成一个或多个新的Observable,但是有一点很重要,就是如果在该节点收到一个新的事件之后,那么如果之前收到的时间所产生的Observable还没有发送事件给下游,那么下游就再也不会收到它发送的事件了。

    如上图所示,该节点先后收到了红、绿、蓝三个事件,并将它们映射成为红一、红二、绿一、绿二、蓝一、蓝二,但是当蓝一发送完事件时,绿二依旧没有发送事件,而最初绿色事件在蓝色事件之前,那么绿二就不会发送给下游。


    更多文章,欢迎访问我的 Android 知识梳理系列:

    相关文章

      网友评论

      • 暴躁的西瓜:楼主debounce,switchMap是不是只能配合PublicSubject使用啊?我用的是Observable.create()没有效果,但是我创建Observable,判断了是不是为空,应该用的也是同一个,但是还是没有效果。
        泽毛:create 的话发送一次事件就结束了,要用 subject
      • 2de49878ced2:配合rxbinding一起使用如何?我试了一下老有问题,能否更新指导一下。
      • 2d0ac5a90df7:照您的方法发现我第一次搜索没有被发送:
        PublishSubject<String> objectPublishSubject = PublishSubject.create();

        objectPublishSubject
        .debounce(200, TimeUnit.MILLISECONDS,AndroidSchedulers.mainThread())
        .subscribeOn(AndroidSchedulers.mainThread())
        .filter(new Predicate<String>() {
        @Override
        public boolean test(String s) throws Exception {

        return s.length() > 0;
        }
        })
        .switchMap(new Function<String, ObservableSource<AllJingJianBean>>() {
        @Override
        public ObservableSource<AllJingJianBean> apply(String s) throws Exception {

        //封装请求实体类
        GetJingJianRequestBean getJingJianRequestBean = new GetJingJianRequestBean();
        getJingJianRequestBean.setDateParam(dateParam);
        getJingJianRequestBean.setPage(String.valueOf(page));
        getJingJianRequestBean.setSize(String.valueOf(size));
        if (query != null) {
        getJingJianRequestBean.setQuery(query);
        }
        //请求
        Observable<AllJingJianBean> observable = createApiServiceWithTokenHeader().getTodayJingJian(ApiConfig.GET_JING_JIAN, getJingJianRequestBean).map(new HttpFunction<AllJingJianBean>()).subscribeOn(Schedulers.io());

        return observable;
        }
        })
        .subscribeOn(Schedulers.io())
        .observeOn(AndroidSchedulers.mainThread())
        .subscribe(observer);
        LogUtils.e("开始搜索 - "+query);
        objectPublishSubject.onNext(query);
      • 萌萌哒的梦大大:mCompositeDisposable = new CompositeDisposable();
        mCompositeDisposable.add(mCompositeDisposable);

        主席,为什么add自己啊
        泽毛:@萌萌哒的梦大大 不好意思,写错了,已修正。:sweat:
      • Mike张小多:主席,对于“当发起了abc的请求之后,即使ab的结果返回了,也不会发送给下游,从而避免了出现前面介绍的搜索词和联想结果不匹配的问题。”这个问题,在代码中看的不是很明白,按照代码的逻辑比如说:我先输入张三 停留了200ms没有重新输入,那么会发起搜索张三 ,假如该搜索因为网络延迟等等了600ms后才有结果返回,而在输入张三的200ms后我又重新输入了 “李四”,假如这个李四返回结果只需要100ms,那么界面就会先更新到李四的搜索结果,然后300ms后又变成了张三的搜索结果,就会出现这个问题,怎么样才能达到,按照我搜索的顺序去定义界面的显示呢?(后搜索的结果如果先返回,直接显示,同时屏蔽掉先搜索的结果返回响应。)
        Mike张小多:@泽毛 等于说 getSearchObservable 只是模拟产生的这个问题,而解决方案 其实是switchMap操作符内部做了处理对吧?
        Mike张小多:自问自答:主席帮看一下 是不是这个意思:你的代码中并未做这样的处理,而是switchMap这个操作符内部做了这个处理???@泽毛
        泽毛:@Mike张小多 switchMap 就是解决你说的这个问题的,你可以在 getSearchObservable 里面修改一下,模拟一下这个情况。
      • 430cbe953065:1、 DisposableObserver = new DisposableObserver<String>() {
        2、 mCompositeDisposable = new CompositeDisposable();
        mCompositeDisposable.add(mCompositeDisposable);
        3、这几行看不懂~~:joy:
        泽毛:@Chenley 第二个是为了防止内存泄漏,把监听者都加到一个集合里面,如果请求还没回来但是 Activity 需要被销毁,就需要断开它和 Activity 之间的引用关系。
        430cbe953065:第一个是我错了 我应该大写的首字母就是类,结果是个变量,抱歉;
      • 明山_1c28:大佬啊,代码里面写点注释啊,这样看着更爽啊!😂
        泽毛:嗯啊,以后多多注意
      • 1d9e29e578d4:楼主你好,如果我想在EditText为空时将已显示的搜索内容消除掉该怎么办呢?
        1d9e29e578d4:@泽毛 好的我去试一试
        泽毛: @lixm1994 可以把 filter 去掉,然后在 switchMap 里面判断,如果 query 为空,就返回个空的结果给下游
      • MRYDM:大佬,我在这里没有使用PublicSubject,用的是Observable.create(),然后每输入一个字母就会搜索一遍,debounce,switchMap都没有起作用。。这个是为啥。。
        MRYDM:@泽毛 好的好的,明白了,谢谢大佬~
        泽毛:@shmilyQB 那是不行的,用 Observable.create() 相当于每次输入都创建了一个全新的数据流,就没办法获取之前的状态来达到上面说的效果了。

      本文标题:RxJava2 实战知识梳理(3) - 优化搜索联想功能

      本文链接:https://www.haomeiwen.com/subject/majidxtx.html