android canvas drawText()文字居中

更新时间：2022-10-02 21:44:04

最近也是在学习自定义控件,以前只自己随便玩了下,一直觉得比较难,正好现在工作轻松,每天闲着就看看书看看帖子学习自定义控件,你还别说自定义控件学起来还是蛮有趣的 android canvas drawText()文字居中 !!

这里也跟大家分享下我关于drawText()文字居中的方法.

先附上drawText()的方法说明

android canvas drawText()文字居中

说实话当时看了这个,我也没明白这个x,y坐标到底表达的啥意思,还一直以为是绘制文字中心的坐标,后来发现这个理解是错误的

要想理解这个首先看张图

android canvas drawText()文字居中

像图上这样安卓的文字绘制是相对于基线绘制的,也就是图中的红线,而top+bottom的长度就等于字体高度.即等于|top|+|bottom|绝对值

实际绘制的时候取决于基线上一个点来绘制文字,而这个点有三种分别对应为left,center,right如下图

android canvas drawText()文字居中

而drawText()方法中x,y坐标所指的点就是上图基线上三个点中的一个,具体是哪一个根据paint的setTextAlign()方法设置,默认为left

示例代码如下

[java] view plain copy 
Rect rect = new Rect(100,100,500,500);//画一个矩形  
        Paint rectPaint = new Paint();  
        rectPaint.setColor(Color.BLUE);  
        rectPaint.setStyle(Paint.Style.FILL);  
        canvas.drawRect(rect, rectPaint);  
  
        Paint textPaint = new Paint();  
        textPaint.setColor(Color.WHITE);  
        textPaint.setTextSize(50);  
        textPaint.setStyle(Paint.Style.FILL);  
        //该方法即为设置基线上那个点究竟是left,center,还是right  这里我设置为center  
        textPaint.setTextAlign(Paint.Align.CENTER);  
  
        Paint.FontMetrics fontMetrics = textPaint.getFontMetrics();  
        float top = fontMetrics.top;//为基线到字体上边框的距离,即上图中的top  
        float bottom = fontMetrics.bottom;//为基线到字体下边框的距离,即上图中的bottom  
  
        int baseLineY = (int) (rect.centerY() - top/2 - bottom/2);//基线中间点的y轴计算公式  
  
        canvas.drawText("你好世界",rect.centerX(),baseLineY,textPaint);  