生活中的Design.

Android Text measure/draw

Android
字数统计: 299阅读时长: 1 min
2019/12/19 Share

字符串绘制的字符高度以及行高

fontMetrics.png

实例

字符高度

我们在绘制文字的时候,需要确定绘制的字符高度以免发生重叠等问题,最简单的方式是通过Paint的fontMetrics来确定,如上图所示,一个文字有五个属性

  • top 文字绘制行顶部相对baseLine的y值
  • ascent 单个文字顶部相对baseLine的y值
  • baseLine 文字绘制的y轴基点,用canvas.drawText(String text, float x, float y, Paint paint)方法绘制的时候,参数y就是绘制文字的baseLine
  • bottom 文字绘制行底部相对baseLine的y值
  • descent 单个文字底部相对baseLine的y值
  • 还有一个leading属性,是文字行间距

所以很明显的,字符高度就是descent - ascent

行高

行高就是bottom - top + leading

绘制

progress.jpg

用canvas.drawText(String text, float x, float y, Paint paint)方法绘制的时候
需要确定baseLine,比如我需要绘制一个垂直进度图,需要计算高度生成MeasureSpec,从上往下计算:textY

  • textY += paddingTop
  • text高度=bottom-top + leading
  • 自己定义的进度文字之间的间距D*M个
  • text高度*N个…
  • textY += paddingBottom

绘制的时候
计算baseLine的位置abs(ascent)

原文作者：Apm29

原文链接：https://apm29.github.io/2019/12/19/Android-Text-measure-draw/

发表日期：December 19th 2019, 4:52:46 am

更新日期：December 23rd 2019, 1:14:32 pm

版权声明：本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可

CATALOG
  1. 1. 字符串绘制的字符高度以及行高
    1. 1.1.
  2. 2. 字符高度
  3. 3. 行高
  4. 4. 绘制
Total : 44
2022
2021
2020
2019
Android JetPack Tools Linux Flutter Dart Kotlin DataBinding Docker Git Gradle Groovy NPM travisci Fragment Coroutines Shell 前端 nuxtjs Python SheetJS Spring Springboot TravisCI MySQL Vue Vite ORM 算法 javascript SSG SEO
笔记 Git