仿头条艾特@用户名实现思路

首先第1步：

要实现输入@后跳转到用户列表页，最开始想到的是用addTextChangedListener监听用户输入内容，之后反应过来，这个方法监听的是edittext的内容，而不是输入内容。

所以要用InputFilter来实现，InputFilter对“每一次输入”进行一次过滤，若重写filter()返回null，则输入的文本不会被替换掉，而若filter()返回一个String，则所输入的内容将会被替换掉；

    private class MyInputFilter implements InputFilter {
        @Override
        public CharSequence filter(CharSequence source, int start, int end, Spanned dest, int dstart, int dend) {
            LogUtil.e("AtEdittext输入了：",source.toString());
            if ((source.toString().equalsIgnoreCase("@") || source.toString().equalsIgnoreCase("＠"))) {
                LogUtil.e("AtEdittext", "输入了@");
                if (onJumpListener != null) {
                    onJumpListener.goToChooseContact();
                }
            }else{
                int keep = mMax - (dest.length() - (dend - dstart));
                if (keep <= 0) {
                    return "";
                } else if (keep >= end - start) {
                    return null;
                } else {
                    keep += start;
                    if (Character.isHighSurrogate(source.charAt(keep - 1))) {
                        --keep;
                        if (keep == start) {
                            return "";
                        }
                    }
                    return source.subSequence(start, keep);
                }
            }
            return source;
        }
    }

第2步：

 实现“@用户名”高亮显示。在输入用户名之后，用正则表达式匹配“@用户名 ”，记录下需要高亮显示的起始位置和结束位置，最后为整段内容设置setSpan。

为了防止输入完成以后，在用户名中间插入任何字符，所以需要将文字转换转换成图片样式，这就用到DynamicDrawableSpan啦，可以将文字转换成图片样式，而且也可以实现删除整个用户名，不用每个字符挨个删除。

public class LDSpan extends DynamicDrawableSpan {
    private Context context;
    private Bitmap bitmap;

    public LDSpan(Context context, UserInfoBean user) {
        this.context = context;
        this.bitmap = getNameBitmap(user.getAtUname());
    }

    @Override
    public Drawable getDrawable() {
        BitmapDrawable drawable = new BitmapDrawable(context.getResources(), bitmap);
        drawable.setBounds(0, 0, bitmap.getWidth(), bitmap.getHeight());
        return drawable;
    }


    /**
     * 把返回的人名，转换成bitmap
     */
    private Bitmap getNameBitmap(String name) {
        /* 把@相关的字符串转换成bitmap 然后使用DynamicDrawableSpan加入输入框中 */
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        //设置字体画笔的颜色
        paint.setColor(context.getResources().getColor(R.color.bg_text_blue));
        //设置字体的大小
        paint.setTextSize(UnitSociax.dip2px(context, 15));
        Rect rect = new Rect();
        paint.getTextBounds(name, 0, name.length(), rect);
        // 获取字符串在屏幕上的长度
        int width = (int) (paint.measureText(name));
        final Bitmap bmp = Bitmap.createBitmap(width, rect.height(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bmp);
//        canvas.drawColor(getResources().getColor(R.color.color_blue));
        canvas.drawText(name, rect.left, rect.height() - rect.bottom, paint);
        return bmp;
    }
}

第3步：

  spannableString.setSpan(dynamicDrawableSpan, startIndex, endIndex, SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);

By LiYing