使用canvas与Paint在View中居中绘制文字
来源:互联网 发布:网络鲜花预定 编辑:程序博客网 时间:2024/05/16 10:03
我们在自定义View中有的时候会想自己绘制文字,自己绘制文字的时候,我们通常希望把文字精确定位,文字居中(水平、垂直)是普遍的需求,所以这里就以文字居中为例,看一下android中的文字应该如何绘制,它与Java又有什么区别。
先来看看我们的目标,见下图
上图是我打开了“显示布局边界”后截的图,所有会有好多框框。
仔细观察上图文字区域,我们会发现文字区域中有5条颜色不同的线。按着从上到下的顺序,他们的名字分别是:
top:浅灰色
ascent:黄色
baseline:红色
descent:蓝色
bottom:绿色
这5条线到底是什么?android开发文档中已经进行了解释。
topThe maximum distance above the baseline for the tallest glyph in the font at a given text size.ascentThe recommended distance above the baseline for singled spaced text.leadingThe recommended additional space to add between lines of text.descentThe recommended distance below the baseline for singled spaced text.bottomThe maximum distance below the baseline for the lowest glyph in the font at a given text size.我们先稍微跑一下题
如果你尝试过将两个TextView上下排列,没有margin和padding,那么你一定会发现,两个TextView文字之间依然是有空隙的。首先我们需要设置includeFontPadding为false!但是依然有空隙,这时的空隙就是由top与ascent之间的空隙和bottom与descent直接的空隙造成的了。
那5条线的位置是由使用的字体和字号决定的。Paint提供了获取上面5条线位置的方法。
一般情况下,我们使用的字符是在ascent与descent之间的,所以我们让ascent与descent之间的部分相对我们的View居中即可。
以baseline为基准,向上为负,向下为正。ascent为负数,descent为正数。
Canvas中的drawText中的总坐标是baseline,所以我们这里要先算出baseline的位置才行。
baseline = (mHeight - (mFontMetricsInt.descent - mFontMetricsInt.ascent)) / 2 - mFontMetricsInt.ascent
使得ascent到View的是上边距与descent到View下边距距离一致即可,此段距离加上ascent的绝对值(-ascent)即为baseline的位置
注意:上面的那几条线的位置和字体是有关的,比如,当你使用“方正姚体”的时候,会发现top和ascent重合了
垂直居中解决了,水平居中就容易了。因为……可以在Paint中直接设置。
当然,这里的对其方式只有左中右,即使这里没有设置居中,我们也是可以手动居中文字的。
横纵坐标计算好了之后,我们就可以drawText了。
至此,问题全部解决,我们知道文字上面的那几条线的位置,就能随意放置我们的文字了。
绘制数字的时候,1明显比4瘦,但是我们可能会得到他们宽度相同的结果,也就没有办法“真正的居中”了。
附上layout文件,如果你设置了padding,记得把padding也计算进去。
最后我们来看看Java中的字体和Android的区别。
Java中字体的概念在这里:Font Concepts。可以看到,这里并没有Android中的top和bottom的概念。
在维基百科中也有baseline相关解释。这里也是没有提到Android中的top与bottom的概念
转贴请保留以下链接
本人blog地址
http://su1216.iteye.com/
http://blog.csdn.net/su1216/
- 使用canvas与Paint在View中居中绘制文字
- 使用canvas与Paint在View中居中绘制文字
- 使用canvas与Paint在View中居中绘制文字
- 使用canvas与Paint在View中居中绘制文字
- Canvas+Paint绘制路径,文字与图形
- canvas中绘制图片居中
- 自定义View绘制文字居中显示
- 自定义View起步:Canvas之绘制文字
- android使用Canvas在图片上绘制文字
- Android 使用Canvas在图片上绘制文字
- Android自定义View,paint+canvas的使用
- 绘制基础知识-canvas paint
- android游戏开发中图形绘制:Canvas和Paint的使用
- Paint绘制文字用法
- Paint绘制文字
- Android 中Canvas.drawText实现文字居中
- Canvas使用 -- 在canvas上绘制圆角矩形并添加文字
- android利用Paint在Canvas实现竖排文字
- Centos搭建持续集成(二)----安装Tomcat
- java线程池(1)初识线程池
- Spring学习(2)--在xml中使用autowire自动装配Bean属性
- 提高代码阅读能力的7种方法
- 这70个Java必背英语单词不会,就别说你是Java程序员!
- 使用canvas与Paint在View中居中绘制文字
- 线程安全与共享资源
- Java 并发开发:Lock 框架详解
- python+django+sae
- Java脚本化编程指南
- 百度编辑器
- js中namespace
- 面试中单例模式有几种写法
- 编程中的24条经典语录