Android文本测量

最新推荐文章于 2023-12-08 17:24:40 发布

翻译最新推荐文章于 2023-12-08 17:24:40 发布 · 478 阅读

技术知识专栏收录该内容

195 篇文章

订阅专栏

本文介绍了在Android的Canvas上实现文本水平与竖直居中的方法。通过详细步骤和代码示例，展示了如何准确地计算文本的位置并进行精确的绘制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
  如果你开始在Android的Canvas上人工绘制事物，你极有可能同时也会面临文本的绘制。

  当你这样做的时候，需要知晓放置文本的具体位置，而要做到这一点，你需要测量出文本的开始位置的x/y轴坐标。

  

  最近在一款app中我需要在Canvas上绘制同时满足水平与竖直居中的文本，所以我从以下代码开始着手：

  Paint mTextPaint = new Paint();
mTextPaint.setTextAlign(Paint.Align.CENTER); // 文本居中

// 之后你进行绘制...
canvas.drawText(mText, // 用于显示的文本
        mBounds.centerX(), // canvas bounds 的 X 中间坐标
        mBounds.centerY(), // canvas bounds 的 Y 中间坐标
        mTextPaint
);
  我并不指望第一次就成功并且确如所料，其输出效果如下：
  
   
   

  
  测量文本
  接着我试着给文本定位，计算文本宽、高并且正确修改绘制的X值与Y值：
  int mTextWidth, mTextHeight; // 我们计算出来的文本界限
Paint mTextPaint = new Paint();

// 现在让我们计算文本尺寸
Rect textBounds = new Rect();
mTextPaint.getTextBounds(mText, 0, mText.length(), textBounds);
mTextWidth = textBounds.width();
mTextHeight = textBounds.height();

// 之后你进行绘制...
canvas.drawText(mText, // 用于显示的文本
        mBounds.centerX() - (mTextWidth / 2f),
        mBounds.centerY() + (mTextHeight / 2f),
        mTextPaint
);
  这一次我们朝目标接近了许多，但正如你所看到的那样，它并不是十分正确的置中。
  
   
   

  
  为了确定我没有看到的事物，我添加了额外的绘制调用让文本背后多出了一个矩形，该矩形的界限由Paint.getTextBounds()精确计算得出。
  
   
   

  
  如你所见，文本的绘制明显超出了它自身计算得出的界限，不论是宽还是高。
  另一种文本测量方法
  在这一点上，我看过Paint有另一种方法用于测量文本宽度：Paint.measureText()
  这个方法只计算宽度而没有高度，于是我试着将两种方法联合使用：
  int mTextWidth, mTextHeight; // 我们计算出来的文本界限
Paint mTextPaint = new Paint();

// 现在让我们计算文本尺寸
Rect textBounds = new Rect();
mTextPaint.getTextBounds(mText, 0, mText.length(), textBounds);
mTextWidth = mTextPaint.measureText(mText); // 使用 measureText 来计算宽度
mTextHeight = textBounds.height(); // 使用 getTextBounds() 计算出来的高度

// 之后你进行绘制...
canvas.drawText(mText, // 用于显示的文本
        mBounds.centerX() - (mTextWidth / 2f),
        mBounds.centerY() + (mTextHeight / 2f),
        mTextPaint
);
  哎呀！由此产生了近乎完美的置中文本。
  
   
  
 
Related Posts
Support Libraries v22.1.0
22 Apr 2015
Theme vs Style
12 Nov 2014
Palette v21
20 Oct 2014