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

另外:欢迎光临我的Hexo个人博客:Lei’s Blog

推荐阅读更多精彩内容