web-dev-qa-db-ja.com

Spannableにパディング/マージンを追加する

BackgroundColorSpanを使用してTextViewの一部をカスタマイズしています。これが私が持っているコードです：

String s = "9.5 Excellent!";
s.setSpan(new BackgroundColorSpan(darkBlue, 0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
s.setSpan(new BackgroundColorSpan(darkBlue, 3, 14, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

これにより、次の結果が得られます。

Have

そして、これは私が達成しようとしていることです：

Want

ご覧のとおり、「9.5」と「excellent！」にパディングを追加しようとしています。文字列ですが、これまでのところ解決策を見つけることができませんでした。

このパディング/マージンをこれらのスパナブルに追加する方法はありますか？

androidspannable
16
Henrique

ReplacementSpanを使用できます。あなたの活動では：

TextView tagsTextView = (TextView) mView.findViewById(R.id.tagsTextView);
SpannableStringBuilder stringBuilder = new SpannableStringBuilder();

SpannableString tag1 = new SpannableString("9.5");
stringBuilder.append(tag1);
stringBuilder.setSpan(new TagSpan(getResources().getColor(R.color.blue), getResources().getColor(R.color.white)), stringBuilder.length() - tag1.length(), stringBuilder.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

SpannableString tag2 = new SpannableString("excellent!");
stringBuilder.append(tag2);
stringBuilder.setSpan(new TagSpan(getResources().getColor(R.color.blueLight), getResources().getColor(R.color.blue)), stringBuilder.length() - tag2.length(), stringBuilder.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
tagsTextView.setText(stringBuilder, TextView.BufferType.SPANNABLE);

TagSpan.Java

public class TagSpan extends ReplacementSpan {
    private static final float PADDING = 50.0f;
    private RectF mRect;
    private int mBackgroundColor;
    private int mForegroundColor;

    public TagSpan(int backgroundColor, int foregroundColor) {
        this.mRect = new RectF();
        this.mBackgroundColor = backgroundColor;
        this.mForegroundColor = foregroundColor;
    }

    @Override
    public void draw(Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, Paint paint) {
        // Background
        mRect.set(x, top, x + Paint.measureText(text, start, end) + PADDING, bottom);
        Paint.setColor(mBackgroundColor);
        canvas.drawRect(mRect, Paint);

        // Text
        Paint.setColor(mForegroundColor);
        int xPos = Math.round(x + (PADDING / 2));
        int yPos = (int) ((canvas.getHeight() / 2) - ((Paint.descent() + Paint.ascent()) / 2)) ;
        canvas.drawText(text, start, end, xPos, yPos, Paint);
    }

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

RoundedBackgroundSpanを使用できます。

  1. paddingとmarginの両方をサポートします
  2. これにより、テキストがTextViewの中央に配置されない状況が回避されます。

  3. また、テキストにBackgroundColorを設定することもできます。

    public class RoundedBackgroundSpan extends ReplacementSpan {


private final int mBackgroundColor;
private final int mTextColor;
private final int mPaddingLeft;
private final int mPaddingRight;
private final int mMarginLeft;
private final int mMarginRight;

/**
 * Add rounded background for text in TextView.
 * @param backgroundColor background color
 * @param textColor       text color
 * @param paddingLeft     padding left(including background)
 * @param paddingRight    padding right(including background)
 * @param marginLeft      margin left(not including background)
 * @param marginRight     margin right(not including background)
 */
public RoundedBackgroundSpan(int backgroundColor, int textColor,
                             int paddingLeft,
                             int paddingRight,
                             int marginLeft,
                             int marginRight) {
    mBackgroundColor = backgroundColor;
    mTextColor = textColor;
    mPaddingLeft = paddingLeft;
    mPaddingRight = paddingRight;
    mMarginLeft = marginLeft;
    mMarginRight = marginRight;
}

@Override
public int getSize(Paint paint, CharSequence text, int start, int end,
                   Paint.FontMetricsInt fm) {
    return (int) (mMarginLeft + mPaddingLeft +
            Paint.measureText(text.subSequence(start, end).toString()) +
            mPaddingRight  + mMarginRight);
}

@Override
public void draw(Canvas canvas, CharSequence text, int start, int end, float x, int top, int y,
                 int bottom, Paint paint) {
    float width = Paint.measureText(text.subSequence(start, end).toString());
    RectF rect = new RectF(x + mMarginLeft, top
            - Paint.getFontMetricsInt().top + Paint.getFontMetricsInt().ascent
            , x + width + mMarginLeft + mPaddingLeft + mPaddingRight, bottom);
    Paint.setColor(mBackgroundColor);
    canvas.drawRoundRect(rect, rect.height() / 2, rect.height() / 2, Paint);
    Paint.setColor(mTextColor);
    canvas.drawText(text, start, end, x + mMarginLeft + mPaddingLeft,
            y - Paint.getFontMetricsInt().descent / 2, Paint);
}
}
3
Francis Bacon