码迷,mamicode.com
首页 > 移动开发 > 详细

Android drawText 做到文字绝对居中

时间:2017-11-21 14:38:08      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:text   计算公式   net   desc   分享   参数   垂直居中   解决   ott   


        我们在android中经常会遇到自定义一些组件,因为现有的android组件是往往不能满足当下的需求的,今天就给大家介绍一下在自定义组建过程中用到的drawText不居中的问题的解决方案

 

首先大家看一下这种图:

技术分享图片

 

这就是一个文字完整的区域划分图,标示着完整的android在drawText的时候的书写规则,那这些区域分别都是代表什么意思呢?

 

1. 基准点是baseline 

2. Ascent是baseline之上至字符最高处的距离 

3. Descent是baseline之下至字符最低处的距离 

4. Leading文档说的很含糊,其实是上一行字符的descent到下一行的ascent之间的距离 

5. Top指的是指的是最高字符到baseline的值,即ascent的最大值 

6. 同上,bottom指的是最下字符到baseline的值,即descent的最大值

 

其中Baseline是我们在调用drawText的时候一个参数,又是在drawText的时候的一个基准线和参考线,下面是drawText的时候需要传的参数,根据注释我们不难理解其字段分别代表的意思:

 

技术分享图片

 

text:要写上去的文字

x:写的起始点x的坐标

y:baseline的坐标

paint:画笔

 

下面来看下这幅图:

 

技术分享图片

 

蓝色的横线指的是绘制Text的目标矩形的中点:targetRect.centerY() = (targetRect.bottom + targetRect.top)/2 

textCenterVerticalBaselineY 就是绘制文本时候的y坐标,targetRect.centerY()是控件一半的高度。其实这个换算关系也不难理解,targetRect.centerY()-fm.descent的意思是将整个文字区域抬高到控件的1/2,然后我们再加上(fm.descent - fm.ascent) / 2的意思就是将文本下沉文本descent到ascent长度的一半,从而实现文本垂直居中的目的。,不难看出计算公式应该为:

 

    textCenterVerticalBaselineY = targetRect.centerY() + (fm.descent - fm.ascent) / 2- fm.descent ;

 

希望能够对大家有所帮助

 

参考原文:http://blog.csdn.net/wan778899/article/details/51460849

Android drawText 做到文字绝对居中

标签:text   计算公式   net   desc   分享   参数   垂直居中   解决   ott   

原文地址:http://www.cnblogs.com/zhengjunfei/p/7872112.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!