Android SpannableString 在部分文本后面设置背景

Posted 2023-02-19

【中文标题】Android SpannableString 在部分文本后面设置背景

【英文标题】：Android SpannableString set background behind part of text

【发布时间】：2013-10-18 00:58:02

【问题描述】：

我想创建与此图片类似的东西：

我设法用 SpannableStringBuilder 创建了evertyhing，橙色圆角矩形除外。我可以使用 BackgroundColorSpan 将背景设置为该颜色，但我找不到使它变圆的方法。有什么想法可以实现吗？

提前致谢！

编辑： 我正在使用 Xamarin.android，但这是我的代码：

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

【问题讨论】：

你能贴出你使用 backgroundcolorspan 设置背景颜色的代码吗？

罗斯福请这样做

我更新了我的问题:)

【参考方案1】：

如果有人对 Roosevelt 的代码示例有困难（我确定是，可能是因为它是 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);
        
    

为了使用，下面的代码段取自一个活动，基本上在每个标签字符串周围放置一个漂亮的圆角背景，每个标签之间有一个空间缓冲区。请注意，注释掉的行只是添加了背景颜色，不会产生很好的外观...

    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);

【讨论】：

太棒了！谢谢！

太棒了！在我的情况下，标签分几行，我该怎么做才能避免背景在顶部和底部相互接触？

嗨 Anthony，我没有尝试过，但可能类似于 ***.com/a/6864017/4307281 建议的内容

Anthony... 同样，在 RoundedBackgroundSpan .draw() 方法中，您可以在创建 RectF 对象时调整顶部和/或底部参数。例如，在顶部和底部参数中加或减 1，看看结果是否会产生更合适的结果。

【参考方案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);

【讨论】：

我很高兴你自己解决了这个问题，当你尝试一些东西而不是获取完整的工作代码时，这是一个更好的教训

嗨罗斯福。你能看看这个***.com/questions/32293229/… .ReplacementSpan 不起作用。

这看起来不像 Java 风格的......无论如何，你能看看这个问题：***.com/q/41938378/878126

【参考方案3】：

只有一个词：ReplacementSpan