Files
AndroidNote/CustomView/Fix/DrawText.md
2016-05-06 01:22:35 +08:00

4.8 KiB
Raw Blame History

番外篇 - 修正drawText的错误

由于个人的疏忽以及对问题的想当然,没有进行验证,在之前这篇文章 【安卓自定义View进阶 - 图片文字】 中出现了一个严重的错误,有不少眼睛雪亮的网友都发现了该错误并给予了反馈,非常感谢这些网友的帮助。

由于错误涉及的知识比较多,特此用一篇文章来修正错误,如果之前的文章让你你造成了误解,在此向你致以诚挚的歉意。

错误原因

这个错误是drawText方法中坐标的一个问题就一般的绘图而言坐标一般都是指定左上角然而drawText默认并不是左上角甚至不是大家测试后认为的左下角而是一个由Paint中Align决定的对齐基准线该API注释原文如下

Draw the text, with origin at (x,y), using the specified paint. The origin is interpreted based on the Align setting in the paint.

在默认情况下基线如下图所示:

PS基准线(以下简称基线)有两条是用户指定的坐标确定的在默认情况下基线X在字符串左侧基线y在字符串下方(但并不是最低的部分)。

分析这样设计的原因

Q: 为何基线y要放到文字下面而不是上面

A : 既然采用这种对齐方式,必然有其缘由,至少不是为了坑我这种小白。据本人猜测可能有以下原因:

  • 1.符合人类书写习惯,不论是汉字还是英文或是其他语言,我们在书写对齐的时候都是以下面为基准线的,而不是上面,(我们默认的基准线类似于四线格中的第三条线)。

  • 2.字的特点,字的显示不仅有有中文汉字,还有一些特殊字符,并且大部分是根据下面对齐的,如果把对齐的基线放到上面并使其显示整齐,设计太麻烦,如下:

  • 3.字体的特点,我们都知道,字有很多的字体,不同字体的大小是不同的,如果以以上面为基准线而让其底部对齐,这设计难度简直不敢想象:

    综上所述基线y放到下面不仅符合人的书写习惯而且更加便于设计。

drawText从入门到懵逼

drawText是Canvas提供的一个方法使用起来也比较简单但是想玩出花样单单的会使用这些方法是远远不够的。

drawText方法的使用可以参见这一篇文章【安卓自定义View进阶 - 图片文字】 这里就不多啰嗦了,接下来我们将会了解一些更加好玩的东西。

drawText & Paint

虽然在 图片文字 这篇文章中有简单的了解部分方法,但并没有深入的去讲解,本次将会将与文本相关的部分全部摘出来讲解,至于其他内容以后再讲。

先了解Paint中与文本相关的内部类或者枚举

名称 类型 主要作用
Align 枚举 指定基准线与文本的相对关系(包含 左对齐 右对齐 居中)
Style 枚举 设置样式,但不仅仅是为文本服务(包含 描边 填充 描边加填充)
FontMetrics 内部类 描述给定的文本大小,字体,间距等各种度量值(度量结果类型为float)
FontMetricsInt 内部类 作用同上但度量结果返回值是int型的

Align

Align中文意思是对齐其作用正式如此我们使用过 Word 的人都知道文本有 左对齐、居中、右对齐、两端对齐、分散对齐 五种模式Align作用就是设置文本的对齐模式但是并没有这么多仅有 左对齐、居中、右对齐 三种模式,如下:

吐槽就因为没有两端对齐和分散对齐导致长文本尤其是中英混合的长文本在手机上显示效果奇差相信做阅读类软件的程序员深有体会最终还要自定义View解决。

枚举类型 作用
LEFT 左对齐 基线X在文本左侧基线y在文本下方是默认的对齐方式
RIGHT 右对齐 基线x在文本右侧基线y在文本下方
CENTER 居中对齐 基线x在文本中间基线y在文本下方