首页 > 代码库 > android 字体绘制,计算距离 笔记

android 字体绘制,计算距离 笔记

转载请注明出处,如有错误,请指出

Android FontMetrics 在Paint类里面定义,分别有5个属性,想要理解这个属性,来拿出笔,跟我画,并且我们对照图来理解其中属性:

top:下图中的Ag最上面那顶绿、绿线~,对就是他,就是我们看到的top,从字体baseline以上,用来限制最大高度。baseline在哪里呢?图中那条蓝色线即是。

ascent: baseline以上,那条红线。

descent:baseline以下,那条绿线。

bottom:图中木有画出来。他在decent下面,也就是限制最低高度的。可以懂吧?~

leading:这个呢,根据我查的资料、和我个人的理解,leading是有俩个地方的。一个是现在图中top - ascent的距离,也就是 顶部绿线到红线的距离,另外一个是图中未标注出来的,bottom-descent的距离,就是底部绿线一下的那一点。

技术分享技术分享

技术分享

我们通过
FontMetrics fontMetrics = new FontMetrics();
paint.getFontMetrics(fontMetrics);

方法获取他。

这里,我们再看几个图,以加深理解:

技术分享

技术分享技术分享技术分享

技术分享

技术分享

下面这个图好复杂,算了,可以略过,就当备注以做后用。。

技术分享技术分享技术分享

下面,我要画出如下图的字,该如何计算距离呢

技术分享技术分享

首先第一行:“test测试test测试”

我们不用canvas的偏移来绘制,

直接通过他的方法:drawText(string, float , float , paint)方法来绘制

drawText(string, float , float , paint)这个方法,绘制的字会在float x, float y上方。所以这里的x,y即理解为基线位置。

在绘制第一行时候我们只要计算出baseline距离,直接绘制即可。


第二行:“再来一行” 直接选用,那就是他的FontMetrics.height即可。

部分有参考意义的测试代码:(有很多可以修改的地方)

		final float marginTop = 1;
		final float metricsHeight = metrics.bottom - metrics.top;
		final float leading = metrics.leading;
		final float baseline = metrics.leading - metrics.top;
		float temp1 = marginTop + baseline; 
		float temp2 = metricsHeight + leading;
		for (int i = 0; i < lineCount; i++) {
			canvas.drawText(strs[i], rectF.centerX(), ,<span style="font-family: Arial, Helvetica, sans-serif;">temp1 + i * temp2</span><span style="font-family: Arial, Helvetica, sans-serif;">, paint);</span>
		}

最后,,csdn真的bug有点多啊,贴图贴不上,代码粘贴进来复制修改就坏了。。。求推荐一个靠谱的做笔记的网站。

android 字体绘制,计算距离 笔记