在之前的一篇文章里实现了如何在图片上写字的效果,Android画圆角矩形图片,并在图片上写字
现在有了个新的需求,需要在写出来的字中,有颜色变化。比如要突出统计一个班级的党员人数,例如:软件0901班(10)。其中括号中的10为党员人数。
明确了需求,我们就要想解决的方法。
首先,要写的字符串:str:“软件0901班(10)”。并且居中对齐。
其次,字符串分割:str1:“软件0901班(”;str2:“10”;str3:“)”
最后,确定各个字符串的居中的位置,而这也是重点!
// 找到"("和")" 的位置
int startIndex = s.indexOf("(");
int endIndex = s.indexOf(")");
// 建一个矩形,
Rect textBounds = new Rect();
// 由矩形得到字符串的边框的方法。重点!!!!
paint.getTextBounds(s , 0 , s.length() , textBounds);
// 得到str的长度(显然,此处说的长度和s.length() 不是同一概念!)
int w0 = textBounds.right - textBounds.left;
// 同理,以下分别得到分割的字符串的长度
paint.getTextBounds(s.substring(0 , startIndex + 1) , 0 , s.substring(0 , startIndex + 1).length() , textBounds);
int w1 = textBounds.right - textBounds.left;
paint.getTextBounds(s.substring(startIndex + 1 , endIndex) , 0 , s.substring(startIndex + 1 , endIndex).length() , textBounds);
int w2 = textBounds.right - textBounds.left;
paint.getTextBounds(s.substring(endIndex , s.length()) , 0 , s.substring(endIndex , s.length()).length() , textBounds);
int w3 = textBounds.right-textBounds.left;
// 居中是指横向居中;85为图片横向的中心位置。
// 由此得:85-w0/2+w1/2为str1的中心;85-w0/2+w1+w2/2为str2的中心;85-w0/2+w1+w2+w3/2为str3的中心。
// 在每一次drawText之前,记得改变paint的颜色。
canvas.drawText(s.substring(0 , startIndex+1) , 85-w0/2+w1/2 , 159 , paint);
paint.setColor(Color.RED);
canvas.drawText(s.substring(startIndex+1,endIndex) , 85-w0/2+w1+w2/2 , 159 , paint);
paint.setColor(Color.WHITE);
canvas.drawText(s.substring(endIndex , s.length()) , 85-w0/2+w1+w2+w3/2 , 159 , paint);