关闭

一些RxBinding使用场景

标签: androidRxJavaRxBinding
6237人阅读 评论(4) 收藏 举报
分类:

本文已授权微信公众号:鸿洋(hongyangAndroid)原创首发。
转载请注明出处:http://blog.csdn.net/qq_17766199/article/details/54646011

其实一开头我就想说,RxBinding在一般情况没有使用的必要(我是谁?,我在哪?,我在干什么!)。但是在一些场景下,他是及其的简单方便,这篇就是分享一些我用到的地方。

1.RxBinding的好处

1.首先RxBinding是对Android View事件的扩展,它使得你可以对View事件使用RxJava的各种操作。

2.提供了与RxJava一致的回调,使得代码简洁明了。尤其是页面中充斥着大量的监听事件,各种各样的匿名内部类时。

3.几乎支持我们常用的所有控件及事件。(v4、v7、design、recyclerview等)另外每个库还有对应的Kotlin支持库。

2.RxBinding准备工作

添加相应的依赖(按需添加):

    compile 'com.jakewharton.rxbinding:rxbinding:1.0.0'
    compile 'com.jakewharton.rxbinding:rxbinding-support-v4:1.0.0'
    compile 'com.jakewharton.rxbinding:rxbinding-appcompat-v7:1.0.0'
    compile 'com.jakewharton.rxbinding:rxbinding-design:1.0.0'
    compile 'com.jakewharton.rxbinding:rxbinding-recyclerview-v7:1.0.0'
    compile 'com.jakewharton.rxbinding:rxbinding-leanback-v17:1.0.0'

3.RxBinding使用场景

1.防止按钮重复点击

这个应该是最常用的方法了。利用操作符throttleFirst取时间间隔内第一次点击事件。同样利用操作符throttleLastdebounce也可以实现。

RxView.clicks(mBt)
      .throttleFirst(1, TimeUnit.SECONDS)
      .subscribeOn(AndroidSchedulers.mainThread())
      .subscribe(new Action1<Void>() {
          @Override
          public void call(Void aVoid) {
             Log.i(TAG, "----button clicked----");
          }
 });

2.点击的多次监听

RxBinding文档中有这么一段话:

Mapping an observable to an Android event (e.g., view clicks) is a direct mapping. The library is not responsible for supporting multiple observables bound to the same view. Multiple listeners to the same view events can be achieved through operators like publish(), share(), or replay(). Consult the RxJava documentation for which is appropriate for the behavior that you want.

大意是说:Android是不能多次监听同一个点击事件。但利用RxJava的操作符,例如publish, sharereplay可以实现。而RxBinding恰好支持对点击事件的多次监听。这个说实话我没有用到过,但是总有人需要的,就说一下。

那么直接上代码:

        Observable<Void> observable= RxView.clicks(mBt1).share();

        Subscription s = observable.subscribe(new Action1<Void>() {
            @Override
            public void call(Void aVoid) {
                Log.i(TAG, "第一次");
            }
        });

        mCompositeSubscription.add(s);

        Subscription s1 = observable.subscribe(new Action1<Void>() {
            @Override
            public void call(Void aVoid) {
                Log.i(TAG, "第二次");
            }
        });

        mCompositeSubscription.add(s1);

打印结果:

I/ButtonClicksActivity: 第一次 
I/ButtonClicksActivity: 第二次

3.获取验证码倒计时

这个场景大家应该不陌生。比如注册账号时,我们需要获取验证码用来验证手机号码,在等待验证码时,界面会有倒计时提示我们重新获取之类的。

public class RegisterActivity extends AppCompatActivity {

    private static String TAG = "RegisterActivity";

    @BindView(R.id.bt)
    Button mBt;

    private Observable<Void> verifyCodeObservable;

    private static int SECOND = 20;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_register);
        ButterKnife.bind(this);
        initViews();
    }

    private void initViews() {

        verifyCodeObservable = RxView.clicks(mBt)
                .throttleFirst(SECOND, TimeUnit.SECONDS) //防止20秒内连续点击,或者只使用doOnNext部分
                .subscribeOn(AndroidSchedulers.mainThread())
                .doOnNext(new Action1<Void>() {
                    @Override
                    public void call(Void aVoid) {
                        RxView.enabled(mBt).call(false);
                    }
                });

        verifyCodeObservable.subscribe(new Action1<Void>() {
                    @Override
                    public void call(Void aVoid) {
                        Observable.interval(1, TimeUnit.SECONDS, AndroidSchedulers.mainThread())
                                .take(SECOND)
                                .subscribe(new Observer<Long>() {
                                    @Override
                                    public void onCompleted() {
                                        RxTextView.text(mBt).call("获取验证码");
                                        RxView.enabled(mBt).call(true);
                                    }

                                    @Override
                                    public void onError(Throwable e) {
                                        Log.e(TAG, e.toString());
                                    }

                                    @Override
                                    public void onNext(Long aLong) {
                                        RxTextView.text(mBt).call("剩余" + (SECOND - aLong) + "秒");
                                    }
                                });
                    }
                });

    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        verifyCodeObservable.unsubscribeOn(AndroidSchedulers.mainThread()); //防止泄露
    }

}

代码很简单,就不过多的解释了。这里新用到了interval操作符,它是用来在给定的时间间隔发射从0开始的整数序列。例子中1s发射一次。

4.表单的验证。

比如常见的登录页面,只有当用户名,密码输入格式正确了,才可以去点击登录按钮。这个利用操作符combineLatest就可以巧妙实现。直接上代码:

public class LoginActivity extends AppCompatActivity {

    private static String TAG = "LoginActivity";

    @BindView(R.id.et_phone)
    EditText mEtPhone;
    @BindView(R.id.et_password)
    EditText mEtPassword;
    @BindView(R.id.bt_login)
    Button mBtLogin;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        ButterKnife.bind(this);
        initViews();
    }

    private void initViews() {

        Observable<CharSequence> ObservableName = RxTextView.textChanges(mEtPhone);
        Observable<CharSequence> ObservablePassword = RxTextView.textChanges(mEtPassword);

        Observable.combineLatest(ObservableName, ObservablePassword, new Func2<CharSequence, CharSequence, Boolean>() {
            @Override
            public Boolean call(CharSequence phone, CharSequence password) {
                return isPhoneValid(phone.toString()) && isPasswordValid(password.toString());
            }
        }).subscribe(new Action1<Boolean>() {
            @Override
            public void call(Boolean aBoolean) {
                RxView.enabled(mBtLogin).call(aBoolean);
            }
        });

        RxView.clicks(mBtLogin)
                .throttleFirst(1, TimeUnit.SECONDS)
                .subscribeOn(AndroidSchedulers.mainThread())
                .subscribe(new Action1<Void>() {
                    @Override
                    public void call(Void aVoid) {
                        Toast.makeText(LoginActivity.this, "登录成功!" ,Toast.LENGTH_SHORT).show();
                    }
                });

    }

    private boolean isPhoneValid(String phone) {
        return phone.length() == 11;
    }

    private boolean isPasswordValid(String password) {
        return password.length() >= 6;
    }

}

操作符combineLatest作用就是当多个Observables中的任何一个发射了一个数据时,通过一定的方法去组合多个Observables最新数据,然后发射最终结果。

在本例中两个输入框只要内容发生变化,就会发送Observable然后我们在Fun2中利用我们的验证方法去判断输入框中最新的内容,最终返回是否可点击的结果。

这个例子我们也可以看到简洁之处。我们使用RxTextView.textChanges(mEtPhone)就可以实现监听,而使用一般方法则像下面代码这样。(其实你可能只需要onTextChanged())

mEtPhone.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) {

    }
});

4.RxBinding注意点

在上面的例子中,细心地你会发现,我会在onDestroy方法时手动的解除订阅,为的就是防止内存泄露,如果你觉得很麻烦的话,具体可以使用RxLifecycle,这里我就不过多的介绍了。

5.总结

RxBinding的实现其实比较简单,大家有兴趣可以去阅读一些源码。当然使用场景还有很多,大家可以去举一反三,我就不一一去说了。

最后本文的例子我已经全部上传到Github,大家可以自行参考。喜欢的话多多Star,点赞!

6.参考

  1. RxJava操作符之Share, Publish, Refcount

  2. RxJava-Android-Samples

3
0
查看评论

RxBinding基本使用

1、RxBinding需要导入依赖: compile 'com.jakewharton.rxbinding:rxbinding:0.4.0' 2、一些基本的写法在下面: RxTextView: /** * textChangeEvents: ...
  • qq_34723470
  • qq_34723470
  • 2017-06-08 16:10
  • 924

关于RXbinding的一些常规使用

先说导包 /*rx的引入*/ compile 'io.reactivex.rxjava2:rxandroid:2.0.1' compile 'io.reactivex.rxjava2:rxjava:2.0.9' //RXbinding h...
  • shb2058
  • shb2058
  • 2017-07-07 10:40
  • 697

细数RxBinding的各种优雅响应式绑定

RxBinding出自Square公司的Jake Wharton大神之手,往往是结合RxJava一起使用。RxBinding的核心是RxView,它包含:attaches、detaches、clicks、drags、draws、focusChanges、globalLayouts、hovers、la...
  • u011686167
  • u011686167
  • 2016-12-02 14:46
  • 1704

初涉Rx套餐 之RxBinding(让你的事件流程更清晰)

转载请注明出处:王亟亟的大牛之路最近下班回家都在WOW,周末就爆肝,感觉人都要GO DIE了,昨天下午看了看RxBinding相关的功能感觉还是蛮强大的,所提供的API也是相当丰富(基本Rx套餐都是互通的),然后就把之前的Rx例子翻出来重新写一下。还是老规矩,先安利: https://github...
  • ddwhan0123
  • ddwhan0123
  • 2016-09-07 10:55
  • 6516

RxJava 和 RxAndroid 四(RxBinding的使用)

@zhaoyanjun521 2016-05-27 19:42 字数 3634 阅读 120 rxjava rxandroid rxBinding 赵彦军 android 对Rxjava不熟悉的同学可...
  • zyj1609wz
  • zyj1609wz
  • 2016-05-28 10:47
  • 2262

(二)RxJava+RxBinding在View上的一些使用技巧

1、View防止连续点击Demo        不多说,很常用的功能          throttleFirst操作符:仅发送指定时间段内的第一个信号 RxView.clicks(btn_clic...
  • qq1026291832
  • qq1026291832
  • 2016-03-29 15:11
  • 8675

RxAndroid+Retrofit+Rxbinding+RxBus先用再懂(1)

我是一个不啰嗦的程序猿。 compile 'com.squareup.retrofit2:adapter-rxjava:2.0.0'//retrofit for rxjava compile 'com.squareup.retrofit2:converter-g...
  • zy157953
  • zy157953
  • 2016-06-21 18:03
  • 1349

RxBinding的工作使用

RxBinding是Rxjava响应式开发的一种扩展,他是更高效的处理组件事件的插件工具包。 第一步:引入包 compile 'com.jakewharton.rxbinding:rxbinding-design:0.4.0' 备注:    一定要...
  • BunnyCoffer
  • BunnyCoffer
  • 2018-01-08 18:09
  • 23

Android实战——RxJava2+Retrofit+RxBinding解锁各种新姿势

RxJava2+Retrofit+RxBinding解锁各种新姿势 本篇文章内容包含以下内容 前言RxJava2的基本介绍RxJava2观察者模式的介绍RxJava2观察者模式的使用RxJava2的基本使用  模拟发送验证码 RxJava2与Retrofit的使...
  • qq_24531461
  • qq_24531461
  • 2017-04-03 17:54
  • 2645

Android Studio 引用第三方包时,因版本com.android.support不同发生冲突的解决办法

compile ('com.jakewharton.rxbinding2:rxbinding-design:2.0.0') { exclude group: 'com.android.support' } 在要导入的包后面添加 " { exclud...
  • qq_18353977
  • qq_18353977
  • 2018-01-11 15:50
  • 134
    个人资料
    • 访问:217457次
    • 积分:3261
    • 等级:
    • 排名:第12367名
    • 原创:70篇
    • 转载:10篇
    • 译文:0篇
    • 评论:228条
    多多支持
    博客专栏
    最新评论