如何创建类似 gmail 的收件人（用户）自定义视图

Question

我的目标是创建在 Gmail 和 Foursquare 中使用的类似徽章的视图，如下所示。

到目前为止，我已经创建了ReplacementSpan 来处理单个视图的前景和背景颜色。

public class SearchTagSpan extends ReplacementSpan {

    private int backgroundColor;
    private int forgroundColor;

    public SearchTagSpan() {
        backgroundColor = -1;
        forgroundColor = Color.BLACK;
    }

    public SearchTagSpan(int backgroundColor, int forgroundColor) {
        this.backgroundColor = backgroundColor;
        this.forgroundColor = forgroundColor;
    }

    @Override
    public void draw(
            Canvas canvas,
            CharSequence text, int start, int end,
            float x, int top, int y, int bottom,
            Paint paint) {
        RectF rect = new RectF(x, top, x + measureText(paint, text, start, end), bottom);
        paint.setColor(backgroundColor);
        canvas.drawRect(rect, paint);
        paint.setColor(forgroundColor);
        canvas.drawText(text, start, end, x, y, paint);
    }

    @Override
    public int getSize(
            Paint paint,
            CharSequence text, int start, int end,
            Paint.FontMetricsInt fm) {
        return Math.round(paint.measureText(text, start, end));
    }

    private float measureText(Paint paint, CharSequence text, int start, int end) {
        return paint.measureText(text, start, end);
    }
}

正确应用背景和前景色，但是当视图变为多行时，每个徽章的背景会拉伸以填充TextView 布局中指定的行间距。如果我删除行距，则第一行和第二行的背景会相互接触，如下图所示。

我的方向正确吗？有什么我错过的吗？

Answer 1

看看这些

https://plus.google.com/+RomanNurik/posts/WUd7GrfZfiZ 和 https://github.com/splitwise/TokenAutoComplete 和 https://github.com/kpbird/chips-edittext-library

Answer 2

为此，您需要 ActionBar。 这个支持+3.0以上

如果您在低版本的android中需要相同的功能，那么您可以使用appCompat支持库来支持低版本的android。

请参考..http://developer.android.com/guide/topics/ui/actionbar.html

最好的示例教程在这里...http://www.androidhive.info/2013/11/android-working-with-action-bar/

希望对你有帮助。