今天我要好好说道说道TextInputEditText

这是一篇记叙文

记叙文六要素：人物、时间、地点、事件发生的起因、经过、结果

人物：

保密

时间：

2017-06-28

地点：

保密

• 上来就贴代码

• 对应的图图

Paste_Image.png

TextInputLayout继承自 LinearLayout, TextInputEditText继承自 AppCompatEditText,二者结合使用就是为了实现上图的风骚效果的。需要依赖Design包 compile 'com.android.support:design:25.3.1'

起因：

我想通过继承TextInputEditText自定义一个TadIDEditText,在上图风骚效果的基础上实现TagID号（eg：0102030405）每两位后面自动加一个空格（Space）的效果，代码如下

public class TadIDEditText extends TextInputEditText {
    private boolean shouldStopChange = false;

    public TadIDEditText(Context context) {
        super(context);
    }

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

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

    private TextWatcher mTagIDEidtTextWatcher = new 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 void afterTextChanged(Editable s) {
            if (shouldStopChange) {
                shouldStopChange = false;
                return;
            }
            shouldStopChange = true;
            String str = s.toString().trim().replaceAll(" ", "");
            StringBuffer sb = new StringBuffer();
            for (int i = 0; i < str.length(); i++) {
                sb.append(str.charAt(i));
                if (i % 2 == 1 && i != str.length() - 1) {
                    sb.append(" ");
                }
            }
            setText(sb);
            setSelection(sb.length());
        }
    };

    @Override
    public void addTextChangedListener(TextWatcher watcher) {
        super.addTextChangedListener(mTagIDEidtTextWatcher);
    }

    @Override
    public void removeTextChangedListener(TextWatcher watcher) {
        super.removeTextChangedListener(mTagIDEidtTextWatcher);
    }

    public String getInputTagIDText() {
        return getText().toString().replace(" ", "").trim();
    }

    public TextWatcher getTagIDEditTextWatcher() {
        return mTagIDEidtTextWatcher;
    }
}

经过：

• 先说明一下shouldStopChange的作用。
  因为是在afterTextChanged方法中判断、添加空格的，所以执行完afterTextChanged方法后，EditText的Text又变了，又会触发TextChanged，如果不通过这个变量控制，就会进入死循环，界面卡死，方法栈溢出。
• addTextChangedListener(TextWatcher watcher)的源码（在TextView中）如下

    public void addTextChangedListener(TextWatcher watcher) {
        if (mListeners == null) {
            mListeners = new ArrayList();
        }
        mListeners.add(watcher);
    }
    void sendAfterTextChanged(Editable text) {
        if (mListeners != null) {
            final ArrayList list = mListeners;
            final int count = list.size();
            for (int i = 0; i < count; i++) {
                list.get(i).afterTextChanged(text);
            }
        }
        hideErrorIfUnchanged();
    }

也就是你可以给TextView及其继承者们添加多个TextWatcher，当其中的Text发生变化时，会依次调用这些TextWatcher中的几个方法。
注意：依次、依次、依次。

• 为了实现良好的封装，我希望添加空格的逻辑写在TadIDEditText中，鉴于此，我写好了一个mTagIDEidtTextWatcher，为了让我这个EditText功能专一，我重写了addTextChangedListener，如下，就是让它只能设置这一个监听器。

@Override
    public void addTextChangedListener(TextWatcher watcher) {
        super.addTextChangedListener(mTagIDEidtTextWatcher);
    }

结果造成了下面的问题

• 使用TadIDEditText的时候，多次调用addTextChangedListener会造成多次添加mTagIDEidtTextWatcher，比如添加了2次，依据上面的分析我shouldStopChange这个变量就失去作用了，照样造成死循环、方法栈溢出。

• 我在Activity中调用了一次addTextChangedListener，结果还是界面卡死、方法栈溢出了。然后通过一个简单的log，我发现尽管我只调用了一次，但是addTextChangedListener执行了两次，而且即使我不调用，addTextChangedListener也会执行一次。这就奇怪了？？？而且TextInputLayout右下角的计数也不计数了，这下就明白了，TextInputLayout和TextInput搭配使用，之所以能计数，不就是加了一个TextWatcher吗？看源码，果不其然。终于在TextInputLayout中发现了问题所在。以下贴出TextInputLayout中的几个方法。

@Override
    public void addView(View child, int index, final ViewGroup.LayoutParams params) {
        if (child instanceof EditText) {
            // Make sure that the EditText is vertically at the bottom, so that it sits on the
            // EditText's underline
            FrameLayout.LayoutParams flp = new FrameLayout.LayoutParams(params);
            flp.gravity = Gravity.CENTER_VERTICAL | (flp.gravity & ~Gravity.VERTICAL_GRAVITY_MASK);
            mInputFrame.addView(child, flp);

            // Now use the EditText's LayoutParams as our own and update them to make enough space
            // for the label
            mInputFrame.setLayoutParams(params);
            updateInputLayoutMargins();

            setEditText((EditText) child);<<<<<<<<<<<<<<<<<<<重点看这里
        } else {
            // Carry on adding the View...
            super.addView(child, index, params);
        }
    }
private void setEditText(EditText editText) {
        // If we already have an EditText, throw an exception
            ......
        // Add a TextWatcher so that we know when the text input has changed
        mEditText.addTextChangedListener(new TextWatcher() {<<<<<<<<<<<<<<<<<<<重点看这里
            @Override
            public void afterTextChanged(Editable s) {
                updateLabelState(!mRestoringSavedState);
                if (mCounterEnabled) {
                    updateCounter(s.length());//更新计数
                }
            }

            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {}
        });

        // Use the EditText's hint colors if we don't have one set
            ......
    }

看到这儿总算找出了我的bug，看来我这种写法问题多多啊，不过也通过问题对这两个控件了解了一下。

结果：

我想想还能怎么改。继续撸码。