Android Canvas的drawText()和文字居中方案

自定义View是绘制文本有三类方法:

// 第一类
public void drawText (String text, float x, float y, Paint paint)
public void drawText (String text, int start, int end, float x, float y, Paint paint)
public void drawText (CharSequence text, int start, int end, float x, float y, Paint paint)
public void drawText (char[] text, int index, int count, float x, float y, Paint paint)// 第二类
public void drawPosText (String text, float[] pos, Paint paint)
public void drawPosText (char[] text, int index, int count, float[] pos, Paint paint)// 第三类
public void drawTextOnPath (String text, Path path, float hOffset, float vOffset, Paint paint)
public void drawTextOnPath (char[] text, int index, int count, Path path, float hOffset, float vOffset, Paint paint)

说明:

  • drawText():最常用
  • drawPosText():是根据一个个坐标点指定文字位置
  • drawTextOnPath():是根据路径绘制。

其中drawText()的x,y参数是干嘛的呢?


先来看下下面这段代码的运行效果:

@Override
protected void onDraw(Canvas canvas) {super.onDraw(canvas);Paint paint=new Paint();paint.setStyle(Paint.Style.FILL);paint.setStrokeWidth(12);paint.setTextSize(100);String text="测试:my text";canvas.drawText(text, 200, 400, paint);//画两条线标记位置paint.setStrokeWidth(4);paint.setColor(Color.RED);canvas.drawLine(0, 400, 2000, 400, paint);paint.setColor(Color.BLUE);canvas.drawLine(200, 0, 200, 2000, paint);
}

左对齐-left

左对齐-left

可以看到,x,y并不是指定文字的中点位置,并且x,y与文字对齐方式有关(通过setTextAlign()指定,默认为left)


居中对齐-center

居中对齐-center

右对齐-right

右对齐-right

注:为了使文字完整,上面调整了下x,y的值。


从上面三种情况得出结论,x所对应的竖线:

  • 左对齐 — 文字的左边界
  • 居中对齐 — 文字的中心位置
  • 右对齐 — 文字的左边界

y对应的横线并不是文字的下边界,而是基准线Baseline

在这里插入图片描述

  • Top:文字的最顶部
  • Baseline:基准线
  • Bottom:文字的底部

那这些值如何获取呢?

	Paint.FontMetrics fontMetrics=paint.getFontMetrics();fontMetrics.topfontMetrics.ascentfontMetrics.descentfontMetrics.bottom

记得要在设置完Paint的文字大小,宽度之类属性后再获取FontMetrics,Baseline对应对应值为0,在它下面的descent和bottom值为正,top和ascent为负。

那文字的高度为: bottom - top

在这里插入图片描述
所以,实际绘制的时候取决于基线上一个点来绘制文字,而这个点有三种分别对应为left,center,right。

在这里插入图片描述
好啦,把drawText()中x,y参数讲清楚后实现文字居中就很容易了。

直接上代码:

@Override
protected void onDraw(Canvas canvas) {super.onDraw(canvas);//矩形背景Paint bgRect=new Paint();bgRect.setStyle(Paint.Style.FILL);bgRect.setColor(Color.YELLOW);RectF rectF=new RectF(200, 200, 800, 600);canvas.drawRect(rectF, bgRect);Paint textPaint=new Paint();textPaint.setStyle(Paint.Style.FILL);textPaint.setStrokeWidth(8);textPaint.setTextSize(50);textPaint.setTextAlign(Paint.Align.CENTER);String text="测试:my text";//计算baselinePaint.FontMetrics fontMetrics=textPaint.getFontMetrics();float distance=(fontMetrics.bottom - fontMetrics.top)/2 - fontMetrics.bottom;float baseline=rectF.centerY()+distance;canvas.drawText(text, rectF.centerX(), baseline, textPaint);
}

效果:
在这里插入图片描述
将对齐方式设置为center,那要让文字居中显示,x值就为矩形中心x值,y值也就是Baseline的计算看下图:
在这里插入图片描述
y = 矩形中心y值 + 矩形中心与基线的距离

距离 = 文字高度的一半 - 基线到文字底部的距离(也就是bottom)= (fontMetrics.bottom - fontMetrics.top)/2 - fontMetrics.bottom

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/446933.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

IntelliJ IDEA配置Tomcat

查找该问题的童鞋我相信IntelliJ IDEA,Tomcat的下载,JDK等其他的配置都应该完成了,那我直接进入正题了。 1、新建一个项目 2、由于这里我们仅仅为了展示如何成功部署Tomcat,以及配置完成后成功运行一个jsp文件,我仅勾…

Android开发之Path详解

目录一、xxxTo方法1、lineTo(float x, float y)2、moveTo(float x, float y)3、arcTo3.1、arcTo(RectF oval, float startAngle, float sweepAngle)3.2、arcTo(RectF oval, float startAngle, float sweepAngle,boolean forceMoveTo)3.3、arcTo(float left, float top, float r…

Android APK打包流程

目录一、概述二、打包流程1、打包资源文件,生成R.java文件2、处理aidl文件,生成相应的Java文件3、编译项目源代码,生成class文件4、转换所有的class文件,生成classes.dex文件5、打包生成APK文件6、对APK文件进行签名7、对签名后的…

Android Studio 安装ASM插件

目录一、安装步骤1、Android Studio -> Preferences...2、Plugins -> Browse repositories...3、搜索ASM -> 选中要安装的插件 -> 右侧点击Install4、安装完后点击Restart Android Studio5、Android Studio重启后右侧会有个ASM图标6、找一个类右键 -> Show Byte…

使用openssl完成aes-cbc模式的数据加解密,输入和输出都是字符串的形式

代码 #include <cstring> #include <memory>#include <openssl/aes.h> #include <openssl/md5.h>namespace hsm{namespace mgmt{void get_md5_digest(const std::string &data,uint8_t result[16]){MD5_CTX md5_ctx{};MD5_Init(&md5_ctx);MD5…

Android ViewRoot、DecorViewWindow浅析

目录简介目录1、VeiwRoot1.1、简介1.2、特别注意2、DecorView2.1、定义2.2、作用2.3、特别说明3、Window4、Activity5、之间关系5.1、总结5.2、之间的关系简介 DecorView为整个Window界面的最顶层View。DecorView只有一个子元素为LinearLayout。代表整个Window界面&#xff0c;…

Android 为控件设置阴影

在Android中设置一个阴影很简单&#xff0c;只需要两步&#xff1a; 设置eleavation值&#xff08;高度&#xff09;添加一个背景或者outline &#xff08;即阴影的形状&#xff09; 说明&#xff1a; View的大小位置都是通过x&#xff0c;y确定的&#xff0c;而现在有了z轴的…

Android学习指南

目录核心分析内容1、学什么1.1、Android基础 & 常用1.2、Android进阶1.3、与时俱进、热门技术1.4、编程语言&#xff1a;Java与Java虚拟机1.5、计算机基础1.6、总结2、怎么学2.1、学习路径&#xff1a;如何循序渐进、阶段性的学习Android的理论知识&#xff1f;2.2、获取途…

概率论 事件关系 古典概型与几何概型

基本知识点 随机试验:1.不确定性2.可预知性3.可重复性基本事件:包含一个样本点 必然事件:全集 不可能事件:空集 子集2^n-1-1(减去空集与真集) 事件间的关系 1.包含关系 2.和运算AUBAB,A与B至少有一个发生 3.积事件A∩BAB,AB同时发生 4.差事件A-BAB ̅A-AB,A发生但B不发生 5.…

Android代码命名规范

目录目录1、为什么 规范 Android 代码命名&#xff1f;2、Android需要命名的代码&#xff08;对象&#xff09;有哪些&#xff1f;3、具体命名规范3.1、包3.2、类3.3、变量3.4、方法3.5、参数名3.6、资源3.6.1、布局文件资源3.6.2、图片资源3.6.3、参数值资源3.6.4、动画资源3.…

Idea中搭建Resin运行环境(Mac)

一、背景 idea中搭建Resin运行环境&#xff0c;可以在idea中通过点击Run按钮直接调试应用。 二、Resin下载地址 下载地址&#xff1a;https://caucho.com/products/resin/download/gpl#download 我下载的是tar.gz的&#xff0c;通过tar -zxvf命令解压到自己mac的任意目录下…

Java牛客专项练习2020.12.10

TreeSet subset()方法: subset(from,true,to,true),返回从from元素到to元素的一个集合,true判断是否包含边境元素 Java与C Java与C都有三个特征: 封装,继承,多态 抽象类与接口 1.抽象类可以有构造方法,但不能new;接口没有构造方法 2.抽象类中可以有普通成员变量int x等,接…

Idea中搭建Wildfly(JBoss)运行环境(Mac)

目录一、简介二、下载Wildfly&#xff08;JBoss&#xff09;三、配置Idea四、调试一、简介 首先说一下在linux环境&#xff0c;只需要将war包上传到 wildfly-8.2.0.Final/standalone/deployments 目录&#xff0c;然后到 wildfly-8.2.0.Final/bin 目录下 ./standalone.sh&…

一个简单JavaAgent的实现

一、什么是javaagent javaagent是一个JVM“插件”&#xff0c;一种专门精心制作的.jar文件&#xff0c;它能够利用JVM提供的Instrumentation API。 1.1、概要 Java Agent由三部分组成&#xff1a;代理类、代理类元信息和JVM加载.jar和代理的机制&#xff0c;整体内容如下图所…

Openai的openai新版本调用方式

最近大家有没有发现Openai的openai已经更新到1.6.1了,而且API的调用方式发生了巨大的变化,下面来看看openai新的调用方式吧。 欢迎关注公众号 module ‘openai’ has no attribute ChatCompletion. 提示openai的版本过低。(pip install -U openai) 1. Chat API from openai…

计算机系统基础 计算机系统的基本组成与基本功能

基础知识点 1.1946年第一台通用电子计算机ENIAC诞生 2.冯.诺依曼结构: 组成:输入设备,输出设备,存储器,运算器,控制器 3.现代计算机结构模型: 组成 CPU中央处理器 PC程序计数器 IR指令寄存器 ALU算数逻辑部件 GPRs通用寄存器组 MAR存储器地址寄存器 MDR存储器数据寄存器 知…

Android UI卡顿监控

一、背景 应用的使用流畅度&#xff0c;是衡量用户体验的重要标准之一。Android 由于机型配置和系统的不同&#xff0c;项目复杂App场景丰富&#xff0c;代码多人参与迭代历史较久&#xff0c;代码可能会存在很多UI线程耗时的操作&#xff0c;实际测试时候也会偶尔发现某些业务…

物理 质点运动学

常用公式 重点 1.求轨道方程:消去时间t 2.dr---->位置矢量大小的增量 3.求方向:tanax/y 4.求位置也就是求位移rxiyj即可 习题解析 1.求运动时一定要求出加速度,变速与匀速就是看a 2.求位移时必须看X0是不是为0,如果不为0,求位移与路程时都要减去x0 3. 记住等号两边统一…

使用CLion的时候,对于cmake的使用

问题概述 使用CLion的时候&#xff0c;一个大的项目会有一个总的CMakeLists.txt&#xff0c;这个是控制整个项目的编译环境&#xff0c;但是针对测试的代码会有自己的单独的CMakeLists.txt&#xff0c;这个单独的cmake文件是控制自己的程序所需要的环境即使是编译单独的测试程…