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

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

 

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

 http://www.10tiao.com/img.do?url=https%3A//mmbiz.qpic.cn/mmbiz_gif/jE32KtUXy6FGNucJEvZR9LpQkickiclqHEWmjbpvuKeJJo4GE9YPlpcNibDialeTbNq9mRaDicONYZIWDoibgt5oeicUQ/640%3Fwx_fmt%3Dgif

 

但是如果把這些實現的代碼寫在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的子類,最後要是覺得好用記得點個贊。 

附件:

需要這些資料的大夥關注+點贊+加羣:185873940 免費獲取!

羣內還有許多免費的關於高階安卓學習資料,包括高級UI、性能優化、架構師課程、 NDK、混合式開發:ReactNative+Weex等多個Android技術知識的架構視頻資料,還有職業生涯規劃及面試指導。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章