web-dev-qa-db-ja.com

Android SpannableStringがテキストの一部の背景を設定

この画像にあるようなものを作成したいと思います。 enter image description here

オレンジ色の丸みを帯びた四角形を除いて、私はSpannableStringBuilderを使用してなんとかして作成しました。 BackgroundColorSpanを使用して背景をその色に設定できますが、丸める方法が見つかりません。どうすればこれを達成できますか？

前もって感謝します！

編集：私はXamarin.Androidを使用していますが、これが私のコードです：

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

私は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);
22
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);
43
jkincali

たった1つの単語：ReplacementSpan

4
pskink