EditText中手机号分段显示

其他人的方案：监听控件的输入，重新编写文本内容。

问题：复制内容的时候，不能保证复制原始的内容

解决思路：分段显示只是更改的文本显示或者说页面的绘制，并不更改实际的内容。

根据这个思路，笔者很容易联想到了一个接口:StringBuilder.setSpan()。关于这个接口这里就不做赘述了，不明白的同学请自行搜索。

直接上代码：

public class SeparatorSpan extends ReplacementSpan {
    /**
     * separator字符
     */
    private String separator;
    /**
     * separator宽度
     */
    private float separatorWidth;
    /**
     * separator字间距
     */
    private float fontSpacing;

    public SeparatorSpan(@NonNull CharSequence separator) {
        this.separator = separator.toString();
    }

    public void setFontSpacing(float fontSpacing) {
        this.fontSpacing = fontSpacing;
    }

    @Override
    public int getSize(@NonNull Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
        float textWidth = paint.measureText(text, start, end);
        separatorWidth = paint.measureText(separator, 0, separator.length());
        return (int) (textWidth + fontSpacing + separatorWidth + fontSpacing + 0.5f);
    }

    @Override
    public void draw(@NonNull Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, @NonNull Paint paint) {
        final String realText = text.subSequence(start, end).toString();
        final float separatorX = fontSpacing + x;
        final float realTextX = fontSpacing + separatorWidth + fontSpacing + x;
        canvas.drawText(separator, separatorX, y, paint);
        canvas.drawText(realText, realTextX, y, paint);
    }
}

现在问题又来了，span设计好了，应该怎么添加到控件中去？

经过调试，笔者发现中TextWatcher.onTextChanged()回调的字符队列就是一个StringBuilder对象，惊不惊喜😏。

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        if (!(s instanceof SpannableStringBuilder)) {
            return;
        }
        SpannableStringBuilder ssb = (SpannableStringBuilder) s;
        if (ssb.length() > firstSeparatorIndex) {
            ssb.setSpan(separatorSpan1, firstSeparatorIndex, firstSeparatorIndex + 1, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
        } else {
            ssb.removeSpan(separatorSpan1);
        }
        if (ssb.length() > secondSeparatorIndex) {
            ssb.setSpan(separatorSpan2, secondSeparatorIndex, secondSeparatorIndex + 1, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
        } else {
            ssb.removeSpan(separatorSpan2);
        }
    }