您的位置: 首页  >  文章  >  android中canvas.drawText参数的介绍以及绘制一个文本居中的案例

android中canvas.drawText参数的介绍以及绘制一个文本居中的案例

分类: 文章 • 2024-02-06 21:17:46

在自定义View中，会经常遇到canvas.drawText这个方法，很多新手都不明白这个方法参数的含义，经过我不断的Google和多次的测试，把我的经验写出来供大家参考，错误之处，欢迎大家给我留言，一起讨论。

      首先，我们看下这个方法参数的含义：canvas.drawText(text, x, y, paint)，第一个参数是我们需要绘制的文本，第四个参数是我们的画笔，这两个不用多说，主要是第二和第三个参数的含义，这两个参数在不同的情况下的值还是不一样的，x默认是这个字符串的左边在屏幕的位置，如果设置了paint.setTextAlign(Paint.Align.CENTER);那就是字符的中心，y是指定这个字符baseline在屏幕上的位置，大家记住了，不要混淆，y不是这个字符中心在屏幕上的位置，而是baseline在屏幕上的位置。

      下面我们来看一下一个例子，先看一下onDraw的代码如下：

[java] view plain copy
  1. @Override  
  2. protected void onDraw(Canvas canvas) {  
  3.     super.onDraw(canvas);    
  4.     String testString = "测试：gafaeh:1234";  
  5.     Paint mPaint = new Paint();   
  6.     mPaint.setStrokeWidth(3);    
  7.     mPaint.setTextSize(40);    
  8.     mPaint.setColor(Color.RED);  
  9.     mPaint.setTextAlign(Align.LEFT);  
  10.     Rect bounds = new Rect();  
  11.     mPaint.getTextBounds(testString, 0, testString.length(), bounds);  
  12.     canvas.drawText(testString, getMeasuredWidth()/2 - bounds.width()/2, getMeasuredHeight()/2 + bounds.height()/2, mPaint);  
  13. }  
效果如下，很明显这个效果不对

android中canvas.drawText参数的介绍以及绘制一个文本居中的案例


这个文本不是垂直居中，往下偏了一点，我前面说了y不是这个字符中心在屏幕上的位置，而是baseline在屏幕上的位置，而我们的代码canvas.drawText(testString, getMeasuredWidth()/2 - bounds.width()/2, getMeasuredHeight()/2 + bounds.height()/2,mPaint);是y在垂直的中央，这是不对的，现在代码修改如下：

[java] view plain copy
  1. @Override  
  2. protected void onDraw(Canvas canvas) {  
  3.     String testString = "测试：gafaeh:1234";  
  4.     Paint mPaint = new Paint();  
  5.     mPaint.setStrokeWidth(3);  
  6.     mPaint.setTextSize(40);  
  7.     mPaint.setColor(Color.RED);  
  8.     mPaint.setTextAlign(Align.LEFT);  
  9.     Rect bounds = new Rect();  
  10.     mPaint.getTextBounds(testString, 0, testString.length(), bounds);  
  11.     FontMetricsInt fontMetrics = mPaint.getFontMetricsInt();  
  12.     int baseline = (getMeasuredHeight() - fontMetrics.bottom + fontMetrics.top) / 2 - fontMetrics.top;  
  13.     canvas.drawText(testString,getMeasuredWidth() / 2 - bounds.width() / 2, baseline, mPaint);  
  14. }  
现在效果如下：
android中canvas.drawText参数的介绍以及绘制一个文本居中的案例

很完美居中，大家如果有什么问题欢迎大家给我留言，共同进步！！！

相关推荐