Android RxJava 實際應用講解：聯合判斷多個事件

1. 需求場景

需要同時對多個事件進行聯合判斷

如，填寫表單時，需要表單裏所有信息（姓名、年齡、職業等）都被填寫後，才允許點擊 "提交" 按鈕

---

2. 功能說明

• 此處採用 填寫表單 作爲聯合判斷功能展示
• 即，表單裏所有信息（姓名、年齡、職業等）都被填寫後，才允許點擊 "提交" 按鈕

---

3. 具體實現

• 原理
  採用 RxJava 組合操作符中的combineLatest（） 實現

關於組合操作符中的combineLatest（） 的使用請看文章：：Android RxJava：組合 / 合併操作符 詳細教程

• 具體代碼實現

activity_main.xml

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <EditText
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:hint="請填寫姓名"
        />

    <EditText
        android:id="@+id/age"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:hint="請填寫年齡"
        />

    <EditText
        android:id="@+id/job"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:hint="請填寫職業"
        />

    <Button
        android:id="@+id/list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="提交"
        android:enabled="false"
        />


</LinearLayout>

MainActivity.java

 

        /*
         * 步驟1：設置控件變量 & 綁定
         **/
        EditText name,age,job;
        Button list;

        name = (EditText) findViewById(R.id.name);
        age = (EditText) findViewById(R.id.age);
        job = (EditText) findViewById(R.id.job);
        list = (Button) findViewById(R.id.list);

        /*
         * 步驟2：爲每個EditText設置被觀察者，用於發送監聽事件
         * 說明：
         * 1. 此處採用了RxBinding：RxTextView.textChanges(name) = 對對控件數據變更進行監聽（功能類似TextWatcher），需要引入依賴：compile 'com.jakewharton.rxbinding2:rxbinding:2.0.0'
         * 2. 傳入EditText控件，點擊任1個EditText撰寫時，都會發送數據事件 = Function3（）的返回值（下面會詳細說明）
         * 3. 採用skip(1)原因：跳過 一開始EditText無任何輸入時的空值
         **/
        Observable<CharSequence> nameObservable = RxTextView.textChanges(name).skip(1);
        Observable<CharSequence> ageObservable = RxTextView.textChanges(age).skip(1);
        Observable<CharSequence> jobObservable = RxTextView.textChanges(job).skip(1);

        /*
         * 步驟3：通過combineLatest（）合併事件 & 聯合判斷
         **/
        Observable.combineLatest(nameObservable,ageObservable,jobObservable,new Function3<CharSequence, CharSequence, CharSequence,Boolean>() {
            @Override
            public Boolean apply(@NonNull CharSequence charSequence, @NonNull CharSequence charSequence2, @NonNull CharSequence charSequence3) throws Exception {

                /*
                 * 步驟4：規定表單信息輸入不能爲空
                 **/
                // 1. 姓名信息
                boolean isUserNameValid = !TextUtils.isEmpty(name.getText()) ;
                // 除了設置爲空，也可設置長度限制
                // boolean isUserNameValid = !TextUtils.isEmpty(name.getText()) && (name.getText().toString().length() > 2 && name.getText().toString().length() < 9);

                // 2. 年齡信息
                boolean isUserAgeValid = !TextUtils.isEmpty(age.getText());
                // 3. 職業信息
                boolean isUserJobValid = !TextUtils.isEmpty(job.getText()) ;

                /*
                 * 步驟5：返回信息 = 聯合判斷，即3個信息同時已填寫，"提交按鈕"纔可點擊
                 **/
                return isUserNameValid && isUserAgeValid && isUserJobValid;
            }

                }).subscribe(new Consumer<Boolean>() {
            @Override
            public void accept(Boolean s) throws Exception {
                /*
                 * 步驟6：返回結果 & 設置按鈕可點擊樣式
                 **/
                Log.e(TAG, "提交按鈕是否可點擊： "+s);
                list.setEnabled(s);
            }
        });

• 測試結果

示意圖

---

4. Demo地址

Carson_Ho的Github地址 = RxJava2實戰系列：聯合判斷

作者：Carson_Ho
鏈接：https://www.jianshu.com/p/2becc0eaedab
來源：簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。