Android canvas drawText -如何底部对齐文本？

在Android中，要实现底部对齐文本的效果，可以使用Canvas的drawText方法，并结合Paint的相关属性进行设置。

首先，创建一个Paint对象，并设置其对齐方式为底部对齐：

Paint paint = new Paint();
paint.setTextAlign(Paint.Align.LEFT);
paint.setTextSize(textSize);
paint.setColor(textColor);
paint.setStyle(Paint.Style.FILL);
paint.setAntiAlias(true);
paint.setTypeface(Typeface.DEFAULT_BOLD);
paint.setTextAlign(Paint.Align.LEFT);

然后，计算文本的绘制位置，使其底部对齐：

Rect bounds = new Rect();
paint.getTextBounds(text, 0, text.length(), bounds);
float x = startX;
float y = startY - bounds.bottom;

最后，使用Canvas的drawText方法绘制文本：

canvas.drawText(text, x, y, paint);

这样就可以实现底部对齐文本的效果。

对于Android开发中的Canvas和绘制文本的更多详细信息，可以参考腾讯云的相关文档和示例代码：

相关·内容

android canvas drawText()文字居中效果

本文跟大家分享下我关于drawText()文字居中的方法。先附上drawText()的方法说明 ?...而drawText()方法中x,y坐标所指的点就是上图基线上三个点中的一个,具体是哪一个根据paint的setTextAlign()方法设置,默认为left 示例代码如下 Rect rect = new...= new Paint(); rectPaint.setColor(Color.BLUE); rectPaint.setStyle(Paint.Style.FILL); canvas.drawRect...,即上图中的bottom int baseLineY = (int) (rect.centerY() - top/2 - bottom/2);//基线中间点的y轴计算公式 canvas.drawText...正好是在中间的,即证明等式是没有问题的,再来分析这个等式是如何计算的 ?

2.1K2 0

Android Canvas的drawText()与文字居中方案详解

自定义View是绘制文本有三类方法 // 第一类 public void drawText (String text, float x, float y, Paint paint) public void...Paint.Style.FILL); paint.setStrokeWidth(12); paint.setTextSize(100); String text="测试：my text"; canvas.drawText...右对齐-right （为了使文字完整，上面调整了下x,y的值）从上面三种情况得出结论，x所对应的竖线：左对齐 — 文字的左边界居中对齐 — 文字的中心位置右对齐 — 文字的左边界 y对应的横线并不是文字的下边界...红色的Baseline是基准线，紫色的Top是文字的最顶部，也就是在drawText()中指定的x所对应，橙色的Bottom是文字的底部。拿这些值如何获取呢？...fontMetrics.bottom - fontMetrics.top)/2 - fontMetrics.bottom; float baseline=rectF.centerY()+distance; canvas.drawText

1.4K1 0

Android 在任意位置绘制文本

如果直接继承View，onDraw时使用Canvas#drawText实现文本绘制，省去TextView的大量额外计算，效率则会提升很多。...本文将通过这个例子，来讲述Android中如何灵活地在想要的位置绘制文本。...); // 自定义方法，画一条垂直线运行结果如下：[6638v2u7mq.png]由此看到，(x,y)是文本区域左下角的一个点，x值是文本区域的左边沿，y水平线对齐"a" "f" "8" 的底部，但...中文字符维基百科说东亚字体无基线，也无升部和降部，那Android里中文的绘制是怎样的一种情况呢？...总结使用Canvas#drawText进行文本绘制时，参考点(x,y)的x坐标根据画笔的对齐方式而定，可以通过Paint#setTextAlign设置左、中、右对齐。而y坐标是基线的y坐标。

2.3K1 1

Android Canvas drawText文字居中的一些事（图解）

(sp2px(50)); canvas.drawText("YangLe", 0, 0, paint); } 看下绘制的文本： ?...3.绘制居中的文本在上文中，我们学习了如何绘制一段文本，以及其中参数和坐标的含义，接下来进入正题，看下如何才能绘制居中的文本。...4.绘制多行居中的文本注意：drawText方法不支持绘制多行文本 4.1 方式一使用支持自动换行的StaticLayout： /** * 绘制多行居中文本（方式1） * * @param...baselineY = (ascent - descent) / 2; } canvas.drawText(texts[i], -textWidth / 2, baselineY, paint...再看下中文版的多行文本： ? 多行居中文本 5.TextAlign Paint的TextAlign属性决定了绘制文本相对于drawText方法中x参数的相对位置。

2.7K2 0

【Android 应用开发】Canvas 精准绘制文字 ( 文本边界坐标解析 | 绘图位置 )

文章目录一、文本边界坐标解析二、绘图位置一、文本边界坐标解析 ---- 在上一篇博客【Android 应用开发】Canvas 精准绘制文字 ( 测量文本真实边界 | 将文本中心点与给定中心点对齐...中获取的坐标值示例 : left = 4 , top = -31 , right = 28 , bottom = 0 ; 上述坐标是相对于下图中的 (0, 0) 原点坐标系的值 ; 下图中的原点位置 , 就是调用 Canvas...的 drawText 方法 , 传入的 x 值和基线值 ; 下图中的绿色矩形框是 Canvas 的绘图区域 , 橙色矩形框是 Canvas 绘制的文本的实际区域 ; 绘图区域包含文本实际占用区域...right}{2} ; top 值是基线值 - 基线距离文本顶部的值 , 基线值是 0 , 一般都是负数 , 这里是 -31 ; botttom 值是基线距离文本底部值 - 基线值 , 基线值是...0 , 正数 , 负数 , 0 都有可能 , 这里是 0 ; 一般是正数或 0 , 负数不常见 ; 二、绘图位置 ---- 使用 Canvas 的 drawText 方法绘制文字 , 传入 ( x

1.8K1 0

Android绘图之Paint的使用方法详解

前言大家都知道在Android中，自定义控件是一个非常重要的知识点，而自定义控件对Android开发者是一个难点，考验开发人员对View原理的理解，对于继承View的自定义控件，一般都需要重写onDraw...文本绘制上文中，介绍了Paint画笔，和绘制了一些图形。但是介绍Paint的时候，我们知道它可以绘制图形，文本和bitmap，所以Paint是非常强大的了，我们看下Paint是如何绘制文本的。...加载自定义字体 Typeface.create(familyName, style) 文字倾斜 mPaint.setTextSkewX(-0.25f); 文字倾斜默认为0，官方推荐的-0.25f是斜体文本对齐方式...绘制文本绘制文本时，还有一个很重要的知识点就是基线的确定 DrawText 基线的确定在自定义控件的时候，有时候会用到DrawText 方法....图中的五角星所在的线就是基线 BaseLine,那么如何确定基线的x,y坐标呢?

1.7K3 0

速读原著-Android应用开发入门教程(文本的对齐方式)

9.3 文本的对齐方式在 Android 中文本的绘制可以使用一些效果，其中比较智能的方面是可以让文本的对齐操作。对齐操作不仅有水平和竖直上的对齐问题，甚至可以让文本在曲线的路径上实现对齐。...p.setTextAlign(Paint.Align.LEFT); // 绘制左对齐的文本 canvas.drawText(TEXT_L, x, y, p);...canvas.translate(0, DY); p.setTextAlign(Paint.Align.CENTER); // 绘制中对齐的文本 canvas.drawText...; // 绘制右对齐的文本 canvas.drawText(TEXT_R, x, y, p); // 绘制根据位置的的字串 canvas.translate...2．drawText()，drawPosText()，drawTextOnPath()几个函数表示了文本的几种绘制方式。

6760 0

Android实现长图截取、拼接和添加水印

早期版本的Android是没有提供截屏功能的，到4.0时代后才自带了音量Down+电源键截屏的功能。...而要创建Bitmap就必须得知道宽高，那么WebView的高度应该如何获取呢？...添加水印的方法是先把文本绘制成图片，然后水印图绘制到新的长图中。..., 0, 0, paint);//画底部toolbar canvas.drawBitmap(contentBmp, 0, topHeight, paint);//画内容 if...textCanvas = new Canvas(bmp); textCanvas.drawText(groupName, 0, textSize, textPaint);

2.2K1 0

HenCoder Android 开发进阶：自定义 View 1-3 文字的绘制

之前的内容在这里： HenCoder Android 开发进阶自定义 View 1-1 绘制基础 HenCoder Android 开发进阶自定义 View 1-2 Paint 详解如果你没听说过...要让不同的文字并排显示的时候整体看起来稳当，需要让它们上下对齐。但这个对齐的方式，不能是简单的「底部对齐」或「顶部对齐」或「中间对齐」，而应该是一种类似于「重心对齐」的方式。...这个也是使用 Canvas 来进行文字的绘制，不过并不是使用 Canvas 的方法。 Canvas.drawText() 只能绘制单行的文字，而不能换行。...ascent / descent: 上图中绿色和橙色的线，它们的作用是限制普通字符的顶部和底部范围。...top / bottom: 上图中蓝色和红色的线，它们的作用是限制所有字形（ glyph ）的顶部和底部范围。

1.2K2 0

Draw Text in Deep

Android系统提供了Textview来提供文字的显示，但很多时候开发者还需要使用Canvas来绘制Text，这时候，canvas.drawText()就不像Textview的使用这么简单了，需要掌握文字的测量以及渲染的流程...文本测量文本的测量是非常复杂，因为要适配全球几百种语言不同的排版，除了前面提到的FontMetrics，Android的渲染API还提供了很多测量文本的API。...https://medium.com/over-engineering/drawing-multiline-text-to-canvas-on-android-9b98f0bfa16a TextPaint...，例如设置Paint的TextAlign为CENTER，drawText的时候起点x = canvas.getWidth() / 2即可。...measuredCount = paint.breakText(text, 0, text.length(), true, showWidth, measuredWidth); canvas.drawText

1.3K3 0

Android自定义系列——5.Canvas图片文字绘制

在AndroidMenifest文件中application节点下添上 android:hardwareAccelerated=”false”以关闭整个应用的硬件加速。...绘制文字也是需要画笔的，而且文字的大小,颜色,字体,对齐方式都是由画笔控制的。...设置或清除字体样式样式 setStyle 填充(FILL),描边(STROKE),填充加描边(FILL_AND_STROKE) 对齐 setTextAlign 左对齐(LEFT),居中对齐(CENTER...),右对齐(RIGHT) 测量 measureText 测量文本大小(注意，请在设置完文本各项参数后调用) 为了绘制文本，我们先创建一个文本画笔： Paint textPaint = new Paint...其中x，y两个参数是指定文本绘制两个基线,示例： // 文本(要绘制的内容) String str = "ABCDEFG"; // 参数分别为 (文本基线x 基线y 画笔) canvas.drawText

6624 0

Android自定义View实现圆弧进度效果

前言：Android开发中，自定义View实现自己想要的效果已成为一项必备的技能，当然自定义View也是Android开发中比较难的部分，涉及到的知识有Canvas（画布）,Paint（画笔）等，自定义控件分为三种...(); //绘制弧度 drawArc(canvas); //绘制文本 drawText(canvas); } 注：这里的paint初始化我放在了onDraw方法中进行的，当然你也可以放在有三个参数的构造方法中初始化...mTextPaint=new Paint(); mTextPaint.setAntiAlias(true); mTextPaint.setColor(Color.parseColor("#FF4A40")); //设置文本的对齐方式...mTextPaint=new Paint(); mTextPaint.setAntiAlias(true); mTextPaint.setColor(Color.parseColor("#FF4A40")); //设置文本的对齐方式...//绘制弧度 drawArc(canvas); //绘制文本 drawText(canvas); } /** * 绘制文本 * @param canvas */ private void drawText

1K3 0

【Android 应用开发】Canvas 精准绘制文字 ( 测量文本真实边界 | 将文本中心点与给定中心点对齐 )

文章目录一、测量文本真实边界二、将文本中心点与给定中心点对齐一、测量文本真实边界 ---- Paint.getTextBounds() 函数原型如下 : public class Paint {..., 是使用 Paint 在 Canvas 中绘制的文本的真实占用区域 , 如下图红色矩形框所在的区域 , 与文本的相对坐标 , 下图的红色矩形框的右下角是 ( 0 , 0 ) 坐标位置 ; Rect..., bottom = 0 , 说明文本的底部就是基线 ; 上述 Rect 的坐标轴是这么算的 , x 轴是文本的基线轴 , y 轴是绘图区域的左侧边界 ; 一定要确定两个概念 , 下图红色矩形框的区域...绘图区域与真实文本区域的差异 , 就导致了文字绘图不准确 , 不好定位的问题 ; 二、将文本中心点与给定中心点对齐 ---- 给定中心点 ( x , y ) ; 绘制文本 , 使得文本的中心点...与给定的中心点对齐 ; 根据中心点位置 : 确定绘制文本的左侧位置 : x - (rect.left + rect.right) / 2 , 绘制的文本 , 是下图红色矩形框的位置 , 文本的位置是不确定的

1.2K2 0

自定义View | 基础概述 & 自定义TextView实战 & 基于源码分析自定义View继承自ViewGroup时无法正常绘制的问题

(); // 画bitmap canvas.drawBitmap(); // 画文本 canvas.drawText();...//******************************************************************************* // canvas.drawText...(mText, 0, getHeight() / 2, mPaint); canvas.drawText(mText, 0, baseline, mPaint); } 一个问题—...//******************************************************************************* // canvas.drawText...(mText, 0, getHeight() / 2, mPaint); canvas.drawText(mText, 0, baseline, mPaint); }

1K3 0

Android 仿微信底部渐变Tab效果

我将自定义View命名为ShadeView，包含四个自定义属性意思分别为图标、背景色、底部文本、底部文本大小 <declare-styleable name="ShadeView" <...iconBackgroundColor; /** * 图标默认背景色 */ private final int DEFAULT_ICON_BACKGROUND_COLOR = 0x3CAF36; /** * 图标底部文本...*/ private String text; /** * 图标底部文字默认大小（sp） */ private final int DEFAULT_TEXT_SIZE = 12; /** * 图标底部文字默认颜色...(255 - alpha); canvas.drawText(text, iconRect.left + iconRect.width() / 2 - textBound.width() / 2, iconRect.bottom...textPaint.setAlpha(alpha); canvas.drawText(text, iconRect.left + iconRect.width() / 2 - textBound.width

1.2K1 0

Android实现底部带刻度的进度条样式

* 绘制显示的数值 * @param canvas * @param percent */ private void drawText(Canvas canvas, float percent...package com.anderson.dashboardview.view; import android.content.Context; import android.graphics.Canvas...,progressHeight,paintProgress); drawScale(canvas,percent); drawText(canvas,percent); } /** * 绘制刻度和刻度下的数字...* 绘制显示的数值 * @param canvas * @param percent */ private void drawText(Canvas canvas, float percent) {...实现底部带刻度的进度条样式,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。

2K2 0

Android-2D绘图

以图形处理来说，我们最常用到的就是在一个View上画一些图片、形状或者自定义的文本内容，这里我们都是使用Canvas来实现的。...（图片）同时受限于clip和matrix 文本 canvas.drawText 上面列举的是Canvas所能绘制的基本内容，在实际使用中，可以使用各种过滤或者过度模式，或者其他手段，来达到绘制各种效果...该方法是设置画笔显示文本字体的最常用方法。...//白色背景 canvas.drawText("Hello Android!"...(Color.RED); //设置画笔颜色 canvas.drawText("Hello Android!"

5K2 0

bitmap+文本生成新的bitmap的实现

注：参数content为生成二维码bitmap的内容，该二维码bitmap在和文本title组合生成一个新的bitmap package info.ecloud.merchant.util; import...android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint...canvas = new Canvas(result); //先画一整块白色矩形块 canvas.drawRect(0,0,picWidth,picHeight,paint...paint.setColor(textColor); paint.setTextSize(titleTextSize); //获取文字的字宽高，以便将文字与图片中心对齐...= title.split("-"); paint.getTextBounds(title,0,split[i].length(),bounds); canvas.drawText

8612 0

如何用 canvas 渲染 Web Excel 富文本

在一些前端开发场景中，可能会遇到使用 canvas 来渲染文本，例如 web 表格应用，就是用 canvas 来渲染文本，如果大家去检查飞书、谷歌、石墨、腾讯表格可以发现它们都是用 canvas 来实现的...这篇文章就来讲解如何在 canvas 中渲染和排版富文本。在介绍之前可以先点击下面链接，体验下最终的效果。...富文本了解了文本的自动换行，接下来再来看看如何实现 canvas 富文本渲染。在渲染之前我们首先定义好富文本的数据机构，如下所示。...总结这篇文章主要讲解了如何使用 canvas 来渲染富文本和富文本的自动换行，原理是使用 measureText API 来测量每个字符的宽高，并且判断当前字符是不是属于同一个单词，如果超过长度则进行换行...这篇文章的中的计算代码都是没有经过性能优化的，如果渲染大量的数据可能性能很慢，下篇文章将讲解如何进行高性能的 canvas 渲染。在线体验：

1.2K2 0

Android开发笔记（九十五）自定义Drawable

Canvas的介绍参见《Android开发笔记（十三）视图绘制的几个方法》。...; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Paint...添加文本操作可调用Canvas类的drawText方法，至于文本颜色、文本大小等属性的设置，可通过Paint类来实现。...比如设置文本颜色，调用的是Paint类的setColor；设置文本大小，调用的是Paint类的setTextSize；设置文本对齐方式，调用的是Paint类的setTextAlign。...height / 2; } else if (mTextAlign == ALIGN_BOTTOM) { y_pos = height - point.y/2; } canvas.drawText

1.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Android canvas drawText -如何底部对齐文本？

相关·内容

android canvas drawText()文字居中效果

Android Canvas的drawText()与文字居中方案详解

Android 在任意位置绘制文本

Android Canvas drawText文字居中的一些事（图解）

【Android 应用开发】Canvas 精准绘制文字 ( 文本边界坐标解析 | 绘图位置 )

Android绘图之Paint的使用方法详解

速读原著-Android应用开发入门教程(文本的对齐方式)

Android实现长图截取、拼接和添加水印

HenCoder Android 开发进阶：自定义 View 1-3 文字的绘制

Draw Text in Deep

Android自定义系列——5.Canvas图片文字绘制

Android自定义View实现圆弧进度效果

【Android 应用开发】Canvas 精准绘制文字 ( 测量文本真实边界 | 将文本中心点与给定中心点对齐 )

自定义View | 基础概述 & 自定义TextView实战 & 基于源码分析自定义View继承自ViewGroup时无法正常绘制的问题

Android 仿微信底部渐变Tab效果

Android实现底部带刻度的进度条样式

Android-2D绘图

bitmap+文本生成新的bitmap的实现

如何用 canvas 渲染 Web Excel 富文本

Android开发笔记（九十五）自定义Drawable

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐