學習筆記——自定義Button，自帶監聽EditText是否空

前言

　　最近的項目很多地方都遇到這樣的要求：要求頁面裏面所有的EditText都是有輸入才能讓一個button可以被按下，就像下圖那樣。這個功能實現起來會在Activity佔比較多重複的代碼，可重用性不高。所以，我把要重複用的東西拿出來，做成了一個自定義View。

原理

　　實現的思路大概就是：重寫Button類，傳入要監聽的EditText數組，爲每個EditText綁定自定義的TextWatcher，然後在TextWatcher裏面實現EditText是否爲空的判定。然後我們就可以在被監聽的EditText每次裏面的內容有變化之後都會做一次是否爲空的判定，從而實現功能。

下面看代碼：

package scut.custombutton;

import android.content.Context;
import android.text.Editable;
import android.text.TextUtils;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.widget.Button;
import android.widget.EditText;

import java.util.ArrayList;

/**
 * Created by yany on 2016/7/24.
 */
public class ButtonCheckBlank extends Button {
    private ArrayList<EditText> et_list;

    //需要實現下面的幾個構造函數，不然有可能加載不了這個控件
    public ButtonCheckBlank(Context context) {
        super(context);
    }

    public ButtonCheckBlank(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public ButtonCheckBlank(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    //在這裏傳入editTexts數組併爲它們綁定自定義TextWatcher監聽內容裏面的改變
    public void AddListeningEditTexts(ArrayList<EditText> editTexts){
        CheckBlank_TextWatcher mCheckBlank_TextWatcher = new CheckBlank_TextWatcher(this);
        et_list = editTexts;
        setEnabled(false);
        for (int i = 0; i < et_list.size(); i++){
            et_list.get(i).addTextChangedListener(mCheckBlank_TextWatcher);
        }
    }

    //重寫TextWatcher，監聽操作寫在裏面
    private class CheckBlank_TextWatcher implements TextWatcher{
        private ButtonCheckBlank mButtonCheckBlank;

        public  CheckBlank_TextWatcher(ButtonCheckBlank buttonCheckBlank){
            mButtonCheckBlank = buttonCheckBlank;
        }

        @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) {
            for (int i = 0; i < et_list.size(); i++){
                //判斷列表裏面的EditText是否爲空，是空就return，當所有都不是空的時候button就可以按下
                if (TextUtils.isEmpty(et_list.get(i).getText())){
                    mButtonCheckBlank.setEnabled(false);
                    return;
                }
            }
            mButtonCheckBlank.setEnabled(true);
        }
    }
}

在xml裏使用這個控件：

<?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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="scut.custombutton.MainActivity">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/TextView1"
        android:hint="請輸入" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/TextView2"
        android:hint="請輸入" />

    <scut.custombutton.ButtonCheckBlank
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="有未輸入就不給按"
        android:id="@+id/btn_Check"/>
</LinearLayout>

在Activity裏把要監聽的TextView放進一個數組傳進去：

package scut.custombutton;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.EditText;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private EditText editText1,editText2;
    private ButtonCheckBlank btn_check;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        editText1 = (EditText) findViewById(R.id.TextView1);
        editText2 = (EditText) findViewById(R.id.TextView2);
        btn_check= (ButtonCheckBlank) findViewById(R.id.btn_Check);

        ArrayList<EditText> editTexts = new ArrayList<EditText>();
        editTexts.add(editText1);
        editTexts.add(editText2);

        btn_check.AddListeningEditTexts(editTexts);
    }
}

補上效果圖：