博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【Android自定义View】绘图之文字篇(三)
阅读量:6376 次
发布时间:2019-06-23

本文共 3801 字,大约阅读时间需要 12 分钟。

题外话

最近有大佬说,大部分写博客的都是相当网红,想火,吓得我们这些不想火、不想当网红的人都不敢写博客了

前言

上一篇,我们说了绘制路径和简单的文字绘制,这一篇详细说说文字绘制。

  • 【Android自定义View】绘图之文字篇(三)

绘制文字主要由以下几个方法

  • drawText(String text, float x, float y,Paint paint)
  • drawText(String text, int start, int end, float x, float y, Paint paint)
  • drawText(char[] text, int index, int count, float x, float y, Paint paint)
  • drawText(CharSequence text, int start, int end, float x, float y, Paint paint)

其中,startend表示截取的范围,这里就主要说说第一个方法

String text = "abcdefghijk";        paint.setTextSize(144);//px        paint.setColor(Color.BLACK);        canvas.drawLine(300, 300, 1000, 300, paint);        paint.setColor(Color.RED);        canvas.drawText(text, 300, 300, paint);复制代码

好像跟我们想象的不一样,并不是从
(300,300)这个点左上角开始,而且还有部分字符超出了这个范围。

开个玩笑,我们继续分析

X方向

看上去是都是从x位置的右边开始绘制文字的,其实是由setTextAlign(Align align)来设置的,AlignLEFTCENTERRIGHT,默认值为LEFT

public enum Align {        /**         * The text is drawn to the right of the x,y origin         */        LEFT    (0),        /**         * The text is drawn centered horizontally on the x,y origin         */        CENTER  (1),        /**         * The text is drawn to the left of the x,y origin         */        RIGHT   (2);        private Align(int nativeInt) {            this.nativeInt = nativeInt;        }        final int nativeInt;    }复制代码

RIGHT

CENTER

Y方向

  • 1.基线

y是基线的位置,上述实例中,文字下的黑线被称为基线。

所以,x坐标、基线位置、文字大小确定之后,就可以确定文字的位置。

  • 2.安全线

参与确定位置的其实还有4条安全线:FontMetricsIntFontMetrics,可以通过paint.getFontMetricsInt()getFontMetrics来获取,其本质是一样的,只不过一个返回值是int,一个是float

String text = "abcdefghijk";        paint.setTextSize(144);        paint.setColor(Color.BLACK);        canvas.drawLine(300, 300, 1000, 300, paint);        paint.setColor(Color.RED);        canvas.drawText(text, 300, 300, paint);        int top = paint.getFontMetricsInt().top + 300;        int bottom = paint.getFontMetricsInt().bottom + 300;        int ascent = paint.getFontMetricsInt().ascent + 300;        int descent = paint.getFontMetricsInt().descent + 300;        Log.e("cheng", paint.getFontMetricsInt().toString());        paint.setColor(Color.BLACK);        canvas.drawLine(0, top, 1000, top, paint);        canvas.drawLine(0, bottom, 1000, bottom, paint);        paint.setColor(Color.GREEN);        canvas.drawLine(0, ascent, 1000, ascent, paint);        canvas.drawLine(0, descent, 1000, descent, paint);复制代码

从上到下,依次是topascentdescentbottom,其中topbottom分别是可绘制的最高点和最低点,在这个范围内保证可以正确显示;ascentdescent分别为本次绘制的最高点和最低点。

关于4条安全线位置,这个取决于使用的字体和字号.。

比如说,同样144px的字号,使用小米兰亭字体时

FontMetricsInt: top=-153 ascent=-134 descent=35 bottom=40 leading=0

使用华康圆体W7字体时,

FontMetricsInt: top=-134 ascent=-150 descent=38 bottom=36 leading=0

本次可绘制线都超出了物理可绘制线,可见,尽量使用官方字体

最小矩形

可以使用以下方法获取

getTextBounds(String text, int start, int end, Rect bounds)

Rect rect = new Rect();        paint.getTextBounds(text, 0, text.length(), rect);        Log.e("cheng", "onDraw: " + rect.toString());复制代码

onDraw: Rect(7, -110 - 741, 31)

疑问又来了,怎么是负的?这是因为没有传递基线的位置,所以需要加上基线的位置

Rect rect = new Rect();        paint.getTextBounds(text, 0, text.length(), rect);        Log.e("cheng", "onDraw: " + rect.toString());        rect.left += 300;        rect.top += 300;        rect.right += 300;        rect.bottom += 300;        paint.setColor(Color.YELLOW);        canvas.drawRect(rect, paint);复制代码

黄线范围即为最小矩形

示例

以(500,500)位置为中心,绘制文字

String text = "ABCDEFGH";        paint.setTextSize(72);        paint.setTextAlign(Paint.Align.CENTER);        Rect rect = new Rect();        paint.getTextBounds(text, 0, text.length(), rect);        canvas.drawText(text, 500, (500 + (rect.bottom - rect.top) / 2), paint);        paint.setColor(Color.RED);        canvas.drawCircle(500, 500, 400, paint);        canvas.drawLine(500, 0, 500, 1000, paint);        canvas.drawLine(0, 500, 1000, 500, paint);复制代码

转载于:https://juejin.im/post/5cd92bcfe51d453a4d530d96

你可能感兴趣的文章
给媳妇做一个记录心情的小程序
查看>>
iOS App无需跳转系统设置自动连接Wi-Fi
查看>>
一道柯里化面试题
查看>>
本科studying abroad 无法毕业申请硕士转学转校处理一切studying abroad 问题
查看>>
RxJava(RxAndroid)的简单学习
查看>>
Java8 函数式编程之函数接口(下)
查看>>
【本人秃顶程序员】MySQL 全表 COUNT(*) 简述
查看>>
centos7中使用febootstrap自制一个基础的centos 7.2的docker镜像
查看>>
系统优化和克隆过程
查看>>
C#开发Unity游戏教程之判断语句
查看>>
Windows自带Android模拟器启动失败
查看>>
安装 SharePoint Server 2007
查看>>
springmvc mybatis 调用sql , 转成json
查看>>
linux centos 7 网卡突然不能上网异常解决
查看>>
shell+Python实现简单的链路监控
查看>>
授之以渔-运维平台发布模块一(Jenkins篇)
查看>>
DedeCMS操作基础(一)
查看>>
FreeBSD部署dns缓存服务器
查看>>
实现MySQL允许远程连接
查看>>
Java Outputstream to String
查看>>