通過SpannableString 設(shè)置ImageSpan來實(shí)現(xiàn)的蔬胯。
如果有什么不對(duì)的地方对供,或者影響效率等等的。請(qǐng)你多多指點(diǎn)氛濒,謝謝产场!我們應(yīng)該是相互學(xué)習(xí)的。
特此感謝?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有多寬京景,開發(fā)者可以在這里隨便定義規(guī)則
//我的規(guī)則:這里text傳入的是SpannableString,start骗奖,end對(duì)應(yīng)setSpan方法相關(guān)參數(shù)
//可以根據(jù)傳入起始截至位置獲得截取文字的寬度确徙,最后加上左右兩個(gè)圓角的半徑得到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);//設(shè)置背景顏色
//? ? ? ? ? ? paint.setAntiAlias(true);// 設(shè)置畫筆的鋸齒效果
? ? ? ? ? ? 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);
? ? ? ? ? ? //設(shè)置文字背景矩形醒串,x為span其實(shí)左上角相對(duì)整個(gè)TextView的x值,y為span左上角相對(duì)整個(gè)View的y值鄙皇。paint.ascent()獲得文字上邊緣芜赌,paint.descent()獲得文字下邊緣
? ? ? ? ? ? canvas.drawRoundRect(oval, (y + paint.descent()) /2, (y + paint.descent()) /2, paint);//繪制圓角矩形,第二個(gè)參數(shù)是x半徑育苟,第三個(gè)參數(shù)是y半徑
//我這里是全圓较鼓。 你可以自己去根據(jù)你需要的。去除以
? ? ? ? ? ? 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);//繪制文字
? ? ? ? }
}
調(diào)用方式就是正常寫法违柏。
而用圖片來做背景。我會(huì)繼續(xù)修改香椎,并且完善
這里放2張效果圖
全中文的:
中文加英文的