安卓SpannableString设置部分文本背景

Question

我希望创建一个类似于这张图片的东西：

我已经用SpannableStringBuilder创建了所有东西，除了橙色圆角矩形。我可以使用BackgroundColorSpan将背景设置为该颜色，但找不到一种使其变圆的方法。有什么想法可以实现这个功能吗？

提前感谢！

编辑： 我正在使用Xamarin.Android，以下是我的代码：

stringBuilder.SetSpan(new BackgroundColorSpan(Application.Context.Resources.GetColor(Resource.Color.orangeColor)), stringBuilder.Length() - length, stringBuilder.Length(), SpanTypes.ExclusiveExclusive);

- Adam Ivancza

---

你能否发布一下你使用backgroundcolorspan设置背景颜色的代码？ - Ogen

请这样做，Roosevelt。 - Sherif elKhatib

Answer 1

如果有人对罗斯福的代码示例感到困难（我确信是这样，也许是因为它是Xamarin.Android？），那么这里有一个更基本的Android Java版本的翻译：

    public class RoundedBackgroundSpan extends ReplacementSpan {

        private static int CORNER_RADIUS = 8;
        private int backgroundColor = 0;
        private int textColor = 0;

        public RoundedBackgroundSpan(Context context) {
            super();
            backgroundColor = context.getResources().getColor(R.color.gray);
            textColor = context.getResources().getColor(R.color.white);
        }

        @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.drawRoundRect(rect, CORNER_RADIUS, CORNER_RADIUS, paint);
            paint.setColor(textColor);
            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);
        }
    }

关于用法，下面的代码段来自一个Activity，基本上是在每个标签字符串周围放置了一个漂亮的圆角背景，并在每个标签之间加入了一个特殊缓冲区。请注意，被注释的行仅仅添加了一个背景颜色，这样做不会产生很好看的效果...

    SpannableStringBuilder stringBuilder = new SpannableStringBuilder();

    String between = "";
    for (String tag : eventListing.getTags()) {
       stringBuilder.append(between);
       if (between.length() == 0) between = "  ";
       String thisTag = "  "+tag+"  ";
       stringBuilder.append(thisTag);
       stringBuilder.setSpan(new RoundedBackgroundSpan(this), stringBuilder.length() - thisTag.length(), stringBuilder.length() - thisTag.length() + thisTag.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
       //stringBuilder.setSpan(new BackgroundColorSpan(getResources().getColor(R.color.gray)), stringBuilder.length() - thisTag.length(), stringBuilder.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    }

    TextView tv = new TextView(this);
    tv.setText(stringBuilder);

- jkincali

---

太好了！在我的情况下，标签分布在几行中，我该怎么做才能避免背景在顶部和底部重叠？ - anthony

嗨，安东尼，我没有尝试过，但也许可以尝试一下 https://dev59.com/8Ww15IYBdhLWcg3wCnUn#6864017 上建议的方法。 - jkincali

安东尼...此外，在RoundedBackgroundSpan.draw()方法中，您可以在创建RectF对象时调整顶部和/或底部参数。例如，尝试将1添加或减去这些顶部和底部参数，并查看结果是否更合适。 - jkincali

Answer 2

根据pskink的建议，我成功解决了我的问题。这是我的类：

public class RoundedBackgroundSpan : ReplacementSpan
{
    public override void Draw(Canvas canvas, ICharSequence text, int start, int end, float x, int top, int y, int bottom, Paint paint)
    {
        var rect = new RectF(x, top, x + MeasureText(paint, text, start, end), bottom);
        paint.Color = Application.Context.Resources.GetColor(Resource.Color.nextTimeBackgroundColor);
        canvas.DrawRoundRect(rect, Application.Context.Resources.GetDimensionPixelSize(Resource.Dimension.localRouteDetailsRoundRectValue), Application.Context.Resources.GetDimensionPixelSize(Resource.Dimension.localRouteDetailsRoundRectValue), paint);
        paint.Color = Application.Context.Resources.GetColor(Resource.Color.nextTimeTextColor);
        canvas.DrawText(text, start, end, x, y, paint);
    }

    public override int GetSize(Paint paint, ICharSequence text, int start, int end, Paint.FontMetricsInt fm)
    {
        return Math.Round(MeasureText(paint, text, start, end));
    }

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

使用示例：

var stringBuilder = new SpannableStringBuilder();
var stringToAppend = "hello world";
stringBuilder.Append(stringToAppend);
stringBuilder.SetSpan(new RoundedBackgroundSpan(), stringBuilder.Length() - stringToAppend.Length, stringBuilder.Length(), SpanTypes.ExclusiveExclusive);

- Adam Ivancza

---

我很高兴你自己解决了这个问题，尝试自己编写代码比直接使用完整的可工作代码更有教益。 - pskink

嗨，Roosevelt。你能否看一下这个链接：http://stackoverflow.com/questions/32293229/how-to-add-padding-stroke-and-radius-to-custom-text-with-spannable 。ReplacementSpan无法正常工作。 - jason

这看起来不像是Java风格... 无论如何，你能看一下这个问题吗：https://dev59.com/sZ7ha4cB1Zd3GeqPm6xO - android developer

Answer 3

仅一个单词：ReplacementSpan

- pskink