通过SpannableString 设置ImageSpan来实现的。
如果有什么不对的地方,或者影响效率等等的。请你多多指点,谢谢!我们应该是相互学习的。
特此感谢 http://blog.csdn.net/industriously/article/details/53493392
特此感谢https://github.com/pengyuntao/RadiusBackgroundSpan
public class RadiusBackgroundSpan extends ReplacementSpan {
private int mColor;
private int mTvColor;
private int mTvSize;
/**
* @param color 背景颜色
* @param tvColor 需要改变文字颜色吗
* @param tvSize 需要改变文字大小吗
*/
public RadiusBackgroundSpan(int color, int tvColor, int tvSize) {
mColor = color;
mTvColor = tvColor;
mTvSize = tvSize;
}
@Override
public int getSize(Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
//mSize就是span的宽度,span有多宽,开发者可以在这里随便定义规则
//我的规则:这里text传入的是SpannableString,start,end对应setSpan方法相关参数
//可以根据传入起始截至位置获得截取文字的宽度,最后加上左右两个圆角的半径得到span宽度
return (int) (paint.measureText(text, start, end));
}
@Override
public void draw(Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, Paint paint) {
paint.setColor(mColor);//设置背景颜色
// paint.setAntiAlias(true);// 设置画笔的锯齿效果
int bgPainth = Math.round(paint.getFontMetrics().descent - paint.getFontMetrics().ascent);
int bgSize = getSize(paint, text.subSequence(start, end), start, end, paint.getFontMetricsInt());
RectF oval =new RectF(x, y + paint.ascent(), x + bgSize, y + paint.descent() /2);
//设置文字背景矩形,x为span其实左上角相对整个TextView的x值,y为span左上角相对整个View的y值。paint.ascent()获得文字上边缘,paint.descent()获得文字下边缘
canvas.drawRoundRect(oval, (y + paint.descent()) /2, (y + paint.descent()) /2, paint);//绘制圆角矩形,第二个参数是x半径,第三个参数是y半径
//我这里是全圆。 你可以自己去根据你需要的。去除以
paint.setColor(mTvColor);//你需要的画笔文字颜色
paint.setTextSize(mTvSize);
int tvPainth = Math.round(paint.getFontMetrics().descent - paint.getFontMetrics().ascent);
int tvSize = getSize(paint, text.subSequence(0, 2), 0, 2, paint.getFontMetricsInt());
canvas.drawText(text, start, end, (bgSize - tvSize) /2, y - (bgPainth - tvPainth) /2 + (bgPainth - y) /2, paint);//绘制文字
}
}
调用方式就是正常写法。
而用图片来做背景。我会继续修改,并且完善
这里放2张效果图
全中文的:
中文加英文的