Android多個EditText輸入效果解決方案

安卓架構開發發表於2019-05-14
Android

在開發中，我們常常遇到這種情況

image.png

我們往往需要的是下面這種效果

image.png

但是如果把這些實現的程式碼寫在Activity中會比較麻煩，影響程式碼美觀

於是就有了下面這個輔助類，禁用了按鈕的點選事件和按鈕的漸變色，可同時新增一個或者多個EditText

/**
 * 文字輸入輔助類，通過管理多個TextView或者EditText輸入是否為空來啟用或者禁用按鈕的點選事件
 */
public final class TextInputHelper implements TextWatcher {

    private View mMainView;//操作按鈕的View
    private List<TextView> mViewSet;//TextView集合，子類也可以（EditText、TextView、Button）
    private boolean isAlpha;//是否設定透明度

    public TextInputHelper(View view) {
        this(view, true);
    }

    /**
     * 建構函式
     *
     * @param view              跟隨EditText或者TextView輸入為空來判斷啟動或者禁用這個View
     * @param alpha             是否需要設定透明度
     */
    public TextInputHelper(View view, boolean alpha) {
        if (view == null) throw new IllegalArgumentException("The view is empty");
        mMainView = view;
        isAlpha = alpha;
    }

    /**
     * 新增EditText或者TextView監聽
     *
     * @param views     傳入單個或者多個EditText或者TextView物件
     */
    public void addViews(TextView... views) {
        if (views == null) return;

        if (mViewSet == null) {
            mViewSet = new ArrayList<>(views.length - 1);
        }

        for (TextView view : views) {
            view.addTextChangedListener(this);
            mViewSet.add(view);
        }
        afterTextChanged(null);
    }

    /**
     * 移除EditText監聽，避免記憶體洩露
     */
    public void removeViews() {
        if (mViewSet == null) return;

        for (TextView view : mViewSet) {
            view.removeTextChangedListener(this);
        }
        mViewSet.clear();
        mViewSet = null;
    }

    // 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 synchronized void afterTextChanged(Editable s) {
        if (mViewSet == null) return;

        for (TextView view : mViewSet) {
            if ("".equals(view.getText().toString())) {
                setEnabled(false);
                return;
            }
        }

        setEnabled(true);
    }

    /**
     * 設定View的事件
     *
     * @param enabled               啟用或者禁用View的事件
     */
    public void setEnabled(boolean enabled) {
        if (enabled == mMainView.isEnabled()) return;

        if (enabled) {
            //啟用View的事件
            mMainView.setEnabled(true);
            if (isAlpha) {
                //設定不透明
                mMainView.setAlpha(1f);
            }
        }else {
            //禁用View的事件
            mMainView.setEnabled(false);
            if (isAlpha) {
                //設定半透明
                mMainView.setAlpha(0.5f);
            }
        }
    }
}
複製程式碼

在Activity建立時新增監聽

private TextInputHelper mInputHelper;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    //建立一個輔助類，傳入按鈕操作View
    mInputHelper = new TextInputHelper(mButton);
    //可新增一個或者多個EditText，當然也可以新增TextView
    mInputHelper.addViews(mEditText1, mEditText2, mEditText3);
}
複製程式碼

在Activity銷燬時移除監聽（避免記憶體洩露）

@Override
protected void onDestroy() {
    super.onDestroy();

    //移除引用，避免記憶體洩露
    mInputHelper.removeViews();
}
複製程式碼

需要注意的是這裡不單單只是可以新增EditText，還可以新增TextView，因為EditText是TextView的子類，最後要是覺得好用記得點個贊。

創作不易喜歡的話記得點選+關注哦
Android多個EditText輸入效果解決方案

相關文章