RxBinding系列之RxCompoundButton(三)

前言

　　本篇将通过一个实际场景来学习RxBinding中的RxCompoundButton，J大神将Android中CompoundButton的一些事件及动作加以RxJava的观察者模式并封装了起来就形成了RxCompoundButton，使用起来也很简单。
　　
　　场景：注册时需用户点击同意用户协议选中框才可点击注册按钮。

布局

　　布局中更需要一个注册Button和一个用户协议选中框CheckBox。

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    android:padding="15dp"    tools:context="com.leiholmes.rxbindingdemo.ui.RxCompoundButtonActivity">    <Button        android:id="@+id/btn_login"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="@color/colorGray"        android:text="注册" />    <CheckBox        android:id="@+id/cb_contract"        android:layout_width="wrap_content"        android:layout_marginTop="10dp"        android:layout_height="wrap_content"        android:text="用户协议" /></LinearLayout>

Activity

View注入

　　使用ButterKnife获取Button与CheckBox实例。

@BindView(R.id.btn_login)Button btnLogin;@BindView(R.id.cb_contract)CheckBox cbContract;

checkedChanges选中状态改变事件

　　RxCompoundButton.checkedChanges(CompoundButton view)，内部封装了OnCheckedChangeListener选中状态改变监听。

//默认注册按钮不可点击btnLogin.setEnabled(false);addDisposable(RxCompoundButton.checkedChanges(cbContract)        .subscribe(aBoolean -> {            RxView.enabled(btnLogin).accept(aBoolean);            btnLogin.setBackgroundResource(aBoolean ? R.color.colorPrimary : R.color.colorGray);            RxTextView.color(btnLogin).accept(aBoolean ? Color.parseColor("#ffffff") :                    Color.parseColor("#000000"));        }));addDisposable(RxView.clicks(btnLogin)        //防抖2s        .throttleFirst(2, TimeUnit.SECONDS)        .subscribe(o -> Toast.makeText(RxCompoundButtonActivity.this, "注册成功",                Toast.LENGTH_SHORT).show()));

　　默认注册按钮不可点击，当CheckBox被选中后则可点击注册，并修改注册按钮的样式。

View操作

　　RxCompoundButton中也封装了CompoundButton中例如setchecked()、toggle()等常用的操作，使用方式如下：

addDisposable(RxView.clicks(btnLogin)        .subscribe(o -> {            RxCompoundButton.checked(cbContract).accept(true);            RxCompoundButton.toggle(cbContract).accept(null);        }));

运行效果

　　最后看一下运行效果Gif。


本文疑问

addDisposable()方法什么鬼？

飞机到本系列第一篇有讲解：
RxBinding系列之RxView(一)

Lambda表达式什么鬼？

飞机到我写的Lambda表达式教程：
Lambda表达式基本语法与应用

总结

　　通过实际场景来学习新知识掌握起来肯定比死啃理论快，建议码友们都上手试试。
　　进阶中的码猿一枚，写的不对的地方欢迎大神们留言指正，有什么疑惑或者建议也可以在我Github上RxBindingDemo项目Issues中提出，我会及时回复。
　　附上Demo的地址：
　　RxBindingDemo