android 字体绘制,计算距离 笔记
2015-01-08 19:38
190 查看
转载请注明出处,如有错误,请指出
Android FontMetrics 在Paint类里面定义,分别有5个属性,想要理解这个属性,来拿出笔,跟我画,并且我们对照图来理解其中属性:
top:下图中的Ag最上面那顶绿、绿线~,对就是他,就是我们看到的top,从字体baseline以上,用来限制最大高度。baseline在哪里呢?图中那条蓝色线即是。
ascent: baseline以上,那条红线。
descent:baseline以下,那条绿线。
bottom:图中木有画出来。他在decent下面,也就是限制最低高度的。可以懂吧?~
leading:这个呢,根据我查的资料、和我个人的理解,leading是有俩个地方的。一个是现在图中top - ascent的距离,也就是 顶部绿线到红线的距离,另外一个是图中未标注出来的,bottom-descent的距离,就是底部绿线一下的那一点。
![](http://img.blog.csdn.net/20150108194557785?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaG51bHd0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
我们通过
FontMetrics fontMetrics = new FontMetrics();
paint.getFontMetrics(fontMetrics);
方法获取他。
这里,我们再看几个图,以加深理解:
![](http://img.blog.csdn.net/20150108194616989?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaG51bHd0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20150108194630998?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaG51bHd0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
下面这个图好复杂,算了,可以略过,就当备注以做后用。。
![](http://img.blog.csdn.net/20150108194646426?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaG51bHd0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
下面,我要画出如下图的字,该如何计算距离呢
![](http://img.blog.csdn.net/20150108195006559?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaG51bHd0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
首先第一行:“test测试test测试”
我们不用canvas的偏移来绘制,
直接通过他的方法:drawText(string, float , float , paint)方法来绘制
drawText(string, float , float , paint)这个方法,绘制的字会在float x, float y上方。所以这里的x,y即理解为基线位置。
在绘制第一行时候我们只要计算出baseline距离,直接绘制即可。
第二行:“再来一行” 直接选用,那就是他的FontMetrics.height即可。
部分有参考意义的测试代码:(有很多可以修改的地方)
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> }
相关文章推荐
- android 字体绘制,计算距离 笔记
- Android计算地图中两点的距离
- Android获取经纬度、计算距离、方位角
- Android获取经纬度、计算距离、方位角
- IOS 根据 指定的 字体类型 ,size ,计算 绘制 文本 所需要的 宽度与高度
- android翻书效果实现原理( 贝塞尔曲线绘制原理/点坐标计算)
- Android OpenGL学习笔记(二)之----三角形的绘制.
- Android开发笔记 改变字体颜色的三种方法
- android翻书效果实现原理( 贝塞尔曲线绘制原理/点坐标计算)
- android绘制报表开发笔记----aChartEngine图表显示(2)
- IOS 根据 指定的 字体类型 ,size ,计算 绘制 文本 所需要的 宽度与高度
- 转载 Android计算地图上两点距离
- Android计算地图上两点距离
- Android 3D 游戏学习笔记(2)-绘制方法
- Android计算地图上两点距离
- Android OpenGL学习笔记(二)之----三角形的绘制.
- android翻书效果实现原理( 贝塞尔曲线绘制原理/点坐标计算)
- Android项目技术总结:获取状态栏和标题栏并计算长宽来限制绘制浮动窗口活动范围
- Android计算地图上两点距离
- Android开发笔记——改变字体颜色的三种方法