FontMetrics以及自定义ImageSpan实现TextView中文图混排时文图的居中对齐

最新推荐文章于 2024-08-15 18:00:36 发布
最新推荐文章于 2024-08-15 18:00:36 发布
阅读量494 收藏
点赞数
分类专栏： 安卓笔记 文章标签： android 安卓

FontMetrics以及自定义ImageSpan实现TextView中文图混排时文图的居中对齐

144
作者 CnPeng
2017.02.24 18:52* 字数 2420 阅读 723 评论 19

这个标题有点长，乍一看这么个标题你可能没明白啥意思，且听我慢慢道来。

公司的项目中新增了一个“心动” 的功能，用户初次使用时需要给一个引导页，就是下面图中的这个样子（这就是做完之后的效果了）。


Paste_Image.png


在上图中整体实现的时候使用的是popUpWindow。该popupWindow整体使用相对布局，里面再用一个相对布局布局嵌套了三个TextView："啊哦。。。。pass" 用一个TextView，中间灰色的上传头像的提示用了一个TextView，底部“我知道了” 也是一个TextView。上面的左划示意图使用above 放在 包含TextView的相对布局上方，并通过负的margin值将它下移并覆盖在包含TextView相对布局上。

这个界面并没有什么难度，这里重点说的是第一个TextView中的图文混排，并让图片的横向中间线与该行文字的横向中间线对齐，也就是说，让文字与那个

王竹根
关注
专栏目录
TextView使用ImageSpan，多行显示末尾添加图片，并使图片居中
weixin_44172660的博客
10-22 1260
TextView使用ImageSpan显示图片 private void initText(TextView tv,String str) { SpannableString ss = new SpannableString(str + " "); int len1 = ss.length(); Drawable drawable = ContextCompat.getDrawable(this, R.drawable.task_sign);
Android TextView 富文本之 ImageSpan
funnywolfdadada的博客
03-05 969
前言 我们现在在 Android App 中几乎天天都能见到 ImageSpan，比如 App 自定义的 emoji 表情和文本中带的一些小图标等。 你可能要问了既然都有 emoji 了，为啥还要自定义呢，输入法里的 emoji 和 ImageSpan 的有啥不一样呢？。要做这玩意儿肯定还是产品提的需求啦，想自己原创一些比较 贱 的表情吧。现在好多输入法都自带的 emoji 只是一串字符，Te...
自定义ImageSpan
bangan1464的博客
09-05 408
/** * span图片垂直居中 */ public class VerticalImageSpan extends ImageSpan { @SuppressWarnings("unused") public VerticalImageSpan(Context arg0, int arg1) { ...
鸿蒙HarmonyOS NEXT开发：ImageSpan（基础组件）
最新发布
shudaoshanBBQ的博客
08-15 1049
Text、ContainerSpan组件的子组件，用于显示行内图片。
Android自定义TextView实现文字图片居中显示的方法
08-28
下面小编就为大家分享一篇Android自定义TextView实现文字图片居中显示的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
TextView ImageSpan 用法
xianwenzhang的专栏
03-28 981
1，当使用TextView控件来设置左图片时，可以使用 setDrawableLeft这个方法，但是问题在于如果TextView是多行数据，你会发现 左图片居中了，非常不好看。需求是 左图片顶部放置，不居中显示。这里就需要用到ImageSpan Drawable drawleft = getResources().getDrawable(R.drawable.zixun_icon_hot);
Android进阶之自定义View（1）实现可换行的TextView
zj_blog的博客
08-17 2274
         今天来一起学习一下最简单的自定义view,自己动手写一个MyTextView,当然不会像系统的TextView那么复杂，只是实现一下TextView的简单功能，包括分行显示及自定义属性的处理，主要目的是介绍自定义view的实现的基本思路和需要掌握的一些基础知识。 《一》先展示一下实现的最终效果 《二》实现步骤分析 1、创建MyTextView extends Vie...
Android设置textview高度,Andriod自定义View一:TextView可设置宽高
weixin_39876595的博客
05-25 2084
第一步:建立一个MyCustomView继承View,实现构造方法/*** Created by chenshouyin on 17/3/9.*/public class MyCustomView extends View {//1.此处应该继承View//2.此处用this依次调用第二个第三个构造方法public MyCustomView(Context context) {//super(co...
Android 自定义TextView 实现文字对齐排版且支持点击划词
心随往迁的博客
10-14 2402
public class TouchSelectWordText extends TextView { private final String TWO_CHINESE_BLANK = "  "; private BreakIterator iterator; private float dxLfet, dxRight, height; private final int DX =
java实现在图片中写字
05-08
在Java编程语言中，实现将文字写入图片是一项常见的任务，尤其在图形用户界面（GUI）开发、数据可视化或图像处理应用中。本教程将详细解释如何使用Java来完成这一功能，主要涉及到Java的`java.awt`和`javax.imageio`...
利用SpannableString和ImageSpan在textview中插入图片的方法
08-28
主要为大家详细介绍了利用SpannableString和ImageSpan在textview中插入图片的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android RichText 让Textview轻松的支持富文本（图像ImageSpan、点击效果等等类似QQ微信聊天）
09-02
AndroidRichText帮助实现像QQ，微信一样的，一个TextView里既有文字又有表情又有图片的效果，采用插件化的框架，代码简单，可拓展性强
Android自定义可点击的ImageSpan并在TextView中内置View
08-28
主要为大家详细介绍了Android自定义可点击的ImageSpan并在TextView中内置"View"，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
带行间距的TextView，让文字和ImageSpan中的图片居中显示
u014620028的专栏
08-23 6663
带行间距的TextView，让文字和ImageSpan中的图片居中显示
TextView文字图片混排并添加点击事件监听，Textview里面的ImageSpan添加点击响应事件
rhj的专栏
06-27 772
TextView文字图片混排并添加点击事件监听，Textview里面的ImageSpan添加点击响应事件
Android学习札记51：在TextView显示插入的图片
L_YQing的专栏
09-03 1854
Android 系统默认给 TextView 插入图片提供了三种方式：     1、ImageSpan     2、Html.ImageGetter     3、TextView.setCompoundDrawables(left, top, right, bottom) 1、在 TextView 使用 ImageSpan 显示图片 ImageSpan span
SeniorUI0303_Paint基本使用三（FontMetrics文字对齐）
baopengjian的专栏
05-23 554
一、概念： 文字的显示有6条基准线（top、ascent、center、baseline、bottom） 二、问题： 通常在画文字，或者摆放布局时会发现字的位置和我们想要其所在外置有些微不同？ 因为画文字时是以字的左上角或右下角为基准的（top、bottom），但通常文字内容显示时是以（baseline）为基准的。为了解决这个问题，简单的效果可以设置Center，复杂的时，需要计算ba...
Android TextView BaseLine解析：实现文本垂直居中
"Android TextView drawText ...理解和正确使用`drawText()`的基线和`FontMetrics`对于自定义绘制时实现文本的精确对齐至关重要。在处理Android自定义绘图时，需要充分了解这些概念，以确保文本按照预期的方式呈现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值