自定义View中想要实现文字的居中处理，首先要了解文字绘制的基准和文字的边界
image.png
如图所示圆圈在屏幕中心，而文字在圆的中心。当我们直接调用drawText
canvas.drawText(text,getWidth()/2,getHeight()/2,mPaint);
image.png
你会发现文字是偏上的，为什么会这样呢？这是因为文字绘制的是以文字的基线（baseline）为基准点进行绘制的，而文字基线大概如下图所示，所以你看到的就是向上偏移的文字，要想居中只要y轴减去文字高度的一半就可以实现。
image.png
获得文字高度的方法
- 使用
getTextBounds(String text, int start, int end, Rect bounds)
text是想要测量的文字，start和end是测量的起点和终点，在设置了文字的大小时候，使用getTextBounds传入Rect就可以获得一个刚好包围所有文字的矩形Rect，注意这个Rect的坐标是以文字baseline为x轴的相对位移，rect.top是一个负值，rect.bottom是一个正直，而不是一个绝对坐标，当文字的顶点和底部不断变化时，这个矩形的范围也会不断变化
获得Rect
mPaint.setTextSize(125);
mPaint.getTextBounds(text, 0, text.length(), mTextRect);
所以这时你可以这样绘制位置，这样绘制出来的可以说是在文字的真正的居中的了，但是使用getTextBounds计算文字有一个问题，就是当你的文字有动画或者变动时，由于不同的文字边界不一样，你会看到上下变动的文字，所以getTextBounds一般用在静态的文字中
canvas.drawText(text, halfWidth, halfHeight - (mTextRect.top + mTextRect.bottom) / 2, mPaint);
- 使用
getFontMetrics()
使用这个方法可以获得文字的4个位置ascent、descent、top、bottom的值，这几个值的代表的位置如下图所示，
image.png
-
ascent是图中绿色的线，代表的是系统推荐的在baseline之上的文字间距值，descent和ascent是对应的，如图橙色的线所示，它表示的是系统推荐的在baseline之下的文字间距的值，这两个值是所有普通字符的顶点和底部，普通字符高不会超过ascent，低不会低于descent，ascent 和 descent 这两个值还可以通过 Paint.ascent() 和 Paint.descent() 来快捷获取。 -
top和bottom如图蓝色和红色线所示，top和bottom限制的是所有字形的顶部和底部，有些特殊字符会超过descent和ascent，但是不会超过top和bottom的限制，这两个值也是相对于baseline的偏移。
这时你可以这样处理文字的偏移
Paint.FontMetrics fontMetrics = mPaint.getFontMetrics();
canvas.drawText(text, halfWidth, halfHeight - (fontMetrics.ascent + fontMetrics.descent) / 2, mPaint);
或者
canvas.drawText(text, halfWidth, halfHeight - (fontMetrics.top + fontMetrics.bottom) / 2, mPaint);
相对于getTextBounds，这样处理的文字是不会存在抖动现象的，通常在动态文字时都会使用这种方式来居中
总结
用以上两种方式都可以实现文字的居中处理，当我们知道其中的原理后，用起来就会得心应手不用每次都要去网上搜索
网友评论