关闭

Canvas上写字drawText -- 确定字符串居中位置

1057人阅读 评论(0) 收藏 举报
分类:

在之前的一篇文章里实现了如何在图片上写字的效果,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);

这样就得到了想要的效果了。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:40037次
    • 积分:702
    • 等级:
    • 排名:千里之外
    • 原创:25篇
    • 转载:23篇
    • 译文:1篇
    • 评论:1条
    最新评论