关闭

Android文字基线(Baseline)算法

79人阅读 评论(0) 收藏 举报
分类:

引言

Baseline是文字绘制时所参照的基准线,只有先确定了Baseline的位置,我们才能准确的将文字绘制在我们想要的位置上。Baseline的概念在我们使用TextView等系统控件直接设置文字内容时是用不到的,但是如果我们想要在Canvas画布上面绘制文字时,Baseline的概念就必不可少了。
我们先了解一下Android中Canvas画布绘制文字的方法,如下图:
Android绘制文字方法参数.png

参数示意:

  • text,文字内容
  • x,文字从画布上开始绘制的x坐标(Canvas是一个原点在左上角的平面坐标系)
  • y,Baseline所在的y坐标,不少人已开始以为y是绘制文字区域的底部坐标,其实是不正确的,这是两个概念
  • paint,画笔,设置的文字的大小颜色等属性
    了解了文字绘制的方法,我们现在就了解一下这个参数y(Baseline)的计算方法。

Baseline的概念

我们先看一行文字各区域的分布示意图
文字区域示意图.png
从上图来看,Baseline不难理解,它就是E和h的下边界线。我们还可以得出一个结论,文字的高度=Descent+Ascent
然而,上面这个公式并不完全准确,我们再看一个图:
文字区域简化计算图.png
我们看到,如果文字的上方有一些特殊的符号,比如上图中的~或者是我们汉语拼音中的声调时,文字区域又会多出一部分Leading
因此,完整的公式应该是文字的高度=Descent+Ascent+Leading
那么,为什么第一幅图中没有说明Leading的存在呢,原因是我们通常在绘制一行英文或者中文时,Leading的高度为0。我们看一个证据图,下图是在绘制英文文字时调试取得的数据。
文字各区域数值关系图.png
其中leading=0,所以我们在文字绘制时不需要考虑Leading,图中的数值都是距离Baseline的距离,在Baseline上方为负值,下方为正值。

Baseline位置(y轴坐标)的计算

为了方便我们对计算过程进行理解,我画了一幅帮助图,如下:

文字基线计算图.png

假设我们是在画布Canvas的顶部绘制一行文字,规定一行文字的高度是y,文字区域的高度是Height(TOP和BOTTOM之间,TOP到0和BOTTOM到y的距离相等,这样文字才看起来是居中)。因此,0到y和TOP到BOTTOM的中线是重合的,y轴坐标都是y/2。
我们要绘制一行文字时,设计必然会告诉我们0到y的距离,所以中线的位置也是固定的y/2,那么我们设置了Paint的文字大小后,Ascent和Descent又能直接得到,就可以算出中线到基线的距离,公式如下:
基线到中线的距离=(Descent+Ascent)/2-Descent
注意,实际获取到的Ascent是负数。公式推导过程如下:
中线到BOTTOM的距离是(Descent+Ascent)/2,这个距离又等于Descent+中线到基线的距离,即(Descent+Ascent)/2=基线到中线的距离+Descent
有了基线到中线的距离,我们只要知道任何一行文字中线的位置,就可以马上得到基线的位置,从而得到Canvas的drawText方法中参数y的值。

Android获取中线到基线距离的代码,Paint需要设置文字大小textsize。

    /**
     * 计算绘制文字时的基线到中轴线的距离
     * 
     * @param p
     * @param centerY
     * @return 基线和centerY的距离
     */
    public static float getBaseline(Paint p) {
        FontMetrics fontMetrics = p.getFontMetrics();
        return (fontMetrics.descent - fontMetrics.ascent) / 2 -fontMetrics.descent;
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
                                <link rel="stylesheet" href="http://csdnimg.cn/release/phoenix/production/markdown_views-0dc44d5592.css">
                                </div>
0
0
查看评论

AutoLayout baseLine基线对齐

原文来自:http://blog.csdn.net/yangbingbinga 如何对多个view或者Button添加底部对齐顶部对齐等等类似的对齐约束呢?最简单的方法使用 storyboard,在后续的教程中将使用代码实现. 如下图,如何为这两个或者多个视图添加 底部对齐呢? (或者顶部对齐,左...
  • PZ0605
  • PZ0605
  • 2015-08-05 23:14
  • 1016

baselineAligned 按照基线对齐

baselineAligned 按照基线对齐
  • hoho_12
  • hoho_12
  • 2017-01-25 10:11
  • 421

Android中关于线性布局基线对齐

线性布局及其子类布局中有基线对齐这个特性,即对所有能有基线(即getBaseline()返回正值)的View视图(一般多为TextView子类)默认采用基线对齐。 一般情况下它能很好的帮助我们对齐控件,显得很整洁,如下 可是当我们的文字是多行(或者两个控件之间的字体相差较多)的时...
  • DHASA
  • DHASA
  • 2016-06-06 23:25
  • 1883

Android文字基线(Baseline)算法

引言Baseline是文字绘制时所参照的基准线,只有先确定了Baseline的位置,我们才能准确的将文字绘制在我们想要的位置上。Baseline的概念在我们使用TextView等系统控件直接设置文字内容时是用不到的,但是如果我们想要在Canvas画布上面绘制文字时,Baseline的概念就必不可少了...
  • hailuoli
  • hailuoli
  • 2017-11-17 10:47
  • 212

基线(Baseline)的含义以及在Android中的使用

基线的含义    首先说一下基线的含义(具体参考:http://zh.wikipedia.org/wiki/%E5%9F%BA%E7%B7%9A):         字体排印学中,基线(英语:Baseline)指的是多数...
  • hanyingjie327
  • hanyingjie327
  • 2014-04-02 14:58
  • 9155

Android代码设置TextView的顶部图及设置图与字体之间距离

  • hty1053240123
  • hty1053240123
  • 2018-02-07 23:56
  • 5784

Android字体度量(FontMetrics)

基本概念 字体的度量,是指对于指定字号的某种字体,在度量方面的各种属性,其描述参数包括: baseline:字符基线ascent:字符最高点到baseline的推荐距离top:字符最高点到baseline的最大距离descent:字符最低点到baseline的推荐距离bottom:字符最低点到...
  • u011600928
  • u011600928
  • 2015-02-25 09:40
  • 3099

Canvas.drawText()时,文字基线baseline的计算

文字的范围是asent的高度加上desent的高度,所以我们只要让文字上边界与top线的距离跟下边界与bottom线的距离相等即可,然后baseline的Y坐标就是文字上边界与top线的高度加上ascent的高度即可(注:baseLine以上为负,以下为正) // 计算文字BaseLine...
  • xuxingxing002
  • xuxingxing002
  • 2016-03-24 14:42
  • 2140

什么是基线(Baseline)

什么是基线(Baseline) 在计算机术语中,基线(Baseline)是软件文档或源码(或其它产出物)的一个稳定版本,它是进一步开发的基础。 关于基线可以从以下两个方面来理解: 1)代表多个源代码文件的一组稳定版本。 比如有三个文件,aaa.c、bbb.c和ccc.h。可以对这三个文件做一个基...
  • jixiangrurui
  • jixiangrurui
  • 2016-05-14 15:28
  • 2161

什么是基线(Baseline)?

什么是基线(Baseline)?        基线是软件文档或源码(或其它产出物)的一个稳定版本,它是进一步开发的基础。所以,当基线形成后,项目负责SCM的人需要通知相关人员基线已经形成,并且哪儿可以找到这基线了的版本。这个...
  • meng0601
  • meng0601
  • 2016-10-24 19:35
  • 515
    个人资料
    • 访问:491609次
    • 积分:6794
    • 等级:
    • 排名:第4126名
    • 原创:274篇
    • 转载:63篇
    • 译文:0篇
    • 评论:51条