html 给span背景圆角,文字背景的span,比如圆角矩形

效果类似下面这种：

image.png

或者这种：

26黄色的背景

相关代码：

public class RoundedBackgroundSpan extends ReplacementSpan {

private static int CORNER_RADIUS = 8;

private int backgroundColor = 0;

private int textColor = 0;

public RoundedBackgroundSpan(int backgroundColor, int textColor) {

this.backgroundColor = backgroundColor;

this.textColor = textColor;

}

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

}

}