基于TextView和StaticLayout的ImageSpan尺寸测量

是一种用于测量TextView中ImageSpan的尺寸的方法。在Android开发中，TextView是常用的文本显示控件，而ImageSpan是一种可以在文本中插入图片的Span对象。

通过基于TextView和StaticLayout的ImageSpan尺寸测量，可以获取ImageSpan在TextView中的准确尺寸，从而可以更好地控制文本和图片的布局和显示效果。

具体步骤如下：

创建一个TextView对象，并设置文本内容。
使用ImageSpan对象将图片插入到TextView的文本中。
使用StaticLayout对象对TextView进行布局，并获取布局后的文本尺寸。
获取ImageSpan的尺寸，可以通过获取ImageSpan的Drawable对象，然后获取其宽度和高度。
根据TextView的文本尺寸和ImageSpan的尺寸，可以计算出ImageSpan在TextView中的准确位置和大小。

这种尺寸测量方法适用于需要在TextView中插入图片，并且需要对图片进行精确布局的场景，比如聊天应用中的表情符号、带有图标的文本等。

腾讯云相关产品中，可以使用腾讯云移动直播（https://cloud.tencent.com/product/mlvb）来实现在移动端实时直播功能，该产品提供了丰富的功能和接口，可以满足开发者对于音视频处理和直播功能的需求。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

利用SpannableString和ImageSpan在textview中插入图片的方法

默认的TextView是无法显示图片的。所以想要实现这个功能得需要我们自己为其添加一个方法。在这里我们采用SpannableString和ImageSpan两个类来实现这一功能。先上效果图： ?...; import android.util.AttributeSet; import android.widget.EditText; public class MyTextView extends TextView...span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE); //包括0但是不包括"easy".length()即：4。...值得注意的是当我们复制这个图片的时候，实际是复制了"easy"这个字符串。...，希望对大家的学习有所帮助。

3.8K2 0

让你的EditText删除表情比微信更高效--记一次android性能分析优化实战

(spData.start, spData.end); return true; } } return false; } SpData中保存了表情对应的文本的开始位置和结束位置..., spData.end);这一行精确定位再准备顺藤摸瓜找到卡顿的真正元凶，但是代码跳着跳着就到SpannableStringBuilder和TextView这两个超大的类里去了，在哪卡的还不知道自己就绕晕了...()->StaticLayout.generate()这样的调用栈这就是为什么要从中间删除才会卡顿，从最后删不会的原因解决问题通过以上的结论可以知道，要解决从中间删除表情卡顿的关键在于如何让ChangeWatcher.onSpanChanged...Emoji出现在TextView中逃不出也用的是ImageSpan，想看看谷歌会不会也有从中间开始删除表情卡顿的feature，就去找了下这个库的demo，一跑发现demo中不管从末尾还是从中间删都不会卡...如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。谢谢。希望读到这的您能转发分享和关注一下我，以后还会更新技术干货，谢谢您的支持！

1.3K3 0

TextView实现自定义换行以及缩进文字的格式化对齐

); setText(spannable); Spannable是根据当前TextView的文本内容创建出来的，然后可以用ImageSpan去替换Spannable中的任意一个位置文本缩进实现依然是用...，会导致已经达到了TextView自动换行的时机了，但是我们自定义的换行时机还没有达到，所以自定义换行的时机一定要发生在TextView自动换行时机之前这样才能保证自定义换行实现准确换行，至于如何在View...还没渲染的时候首先测量View的宽度，那就去参考onMeasure方法中是怎么测量的了，measure方法就是根据转入的参数去测量得出View的测量长度和宽度，然后通过getMeasuredWidth和...getMeasuredHeight方法来获取到测量的值，测量长度和宽度的核心就在于一个实际的长度和宽度，另一个就是测量模式，这两个属性结合就可以得出一个测量结果测量View的方法 int widthSpec...EXACTLY：父容器已经为子容器设置了尺寸，子容器应当服从这些边界,不论子容器想要多大的空间（对应match_parent） AT_MOST：最大不能超过当前给定的参考值（对应wrap_content

2.5K2 0

Android TextView 缩进指定距离

这种方法实现似乎没有第一种优雅，但是可以轻松避开第一行标签和 title 文字居中对齐的问题。在否定一种方案和提出新的两种方案后，可以看看后两种方案到底可以怎么实现。...Standard 看名字就知道是它的标准实现，它有两个构造方法，Standard(int every) 和 Standard(int first, int rest) ，这个就是指定 TextView...For text that will not change, use a {@link StaticLayout}....到这里，两种方案实现完毕，接着再聊一个问题，那就是测量时机，这里的需求总是出现在列表页面，这就涉及到一个计算时机问题，这里我的解决方案是添加一个 addOnPreDrawListener 的方式，这个方法是每次绘制之前都会调用...设置Span，最后看了下某东的效果，它的标签不是一个独立的控件，看样子或许是使用的 ImageSpan 来实现。

6753 0

Android TextView 缩进指定距离

Standard 看名字就知道是它的标准实现，它有两个构造方法，Standard(int every) 和 Standard(int first, int rest) ，这个就是指定 TextView...For text that will not change, use a {@link StaticLayout}....到这里，两种方案实现完毕，接着再聊一个问题，那就是测量时机，这里的需求总是出现在列表页面，这就涉及到一个计算时机问题，这里我的解决方案是添加一个 addOnPreDrawListener 的方式，这个方法是每次绘制之前都会调用...设置Span，最后看了下某东的效果，它的标签不是一个独立的控件，看样子或许是使用的 ImageSpan 来实现。...但是 ImageSpan 默认不是居中对齐，解决方案可以看看。

1.7K3 0

Draw Text in Deep

Android系统提供了Textview来提供文字的显示，但很多时候开发者还需要使用Canvas来绘制Text，这时候，canvas.drawText()就不像Textview的使用这么简单了，需要掌握文字的测量以及渲染的流程...行间距（leading） TextView的行间距调整设置是通过setLineSpacing(add, mult)方法，在xml中，可以通过lineSpacingExtra和lineSpacingMultiplier...字符间距（kerning）对于textView和Paint绘制的Text，可以分别使用各自类中的getLetterSpacing()和setLetterSpacing()方法获取和设置字符间距，对于TextView...文字渲染Layout 在Android中，文字渲染的基类是Layout类，它包含了文字测量、渲染和布局的所有功能，Layout类有几个子类： BoringLayout StaticLayout DynamicLayout...，与Paint的使用基本一致，但大多用于StaticLayout或者是用于测量计算时使用。

1.3K3 0

真·富文本编辑器的演进之路-Span开胃菜

影响Text的外观和尺寸 Span可以对Text的部分外观进行修改，例如修改文字颜色、背景色、删除线、下划线等等。...Span会导致TextView重新测量文本，以实现正确的布局和渲染，例如，更改文本大小可能会导致字词显示在不同的行上。...SpanWatcher继承自NoCopySpan，在TextView的setText方法中，会基于传入的文本创建一个新的Spannable对象，在这个过程中SpanWatcher不会被复制到新的Spannable...第二种方式，就是将文本的行高属性做修改，也就是让ImageSpan尺寸小于行高，动态将原本文字的行高，改为ImageSpan的尺寸，甚至更大一点，这样ImageSpan自然就可以居中了。 ?...这也是ImageSpan的基类，在这里就找到原生的ImageSpan是如何处理偏移的，参考它的实现，我们只在getSize里面对传入的ImageSpan尺寸>文字高度且对齐方式为ALIGN_CENTER

2.4K2 0

【Android】强大的SpannableStringBuilder

（这是一个内容和标记都可以更改的文本类）不同于我们平时赋值使用的String、StringBuffer等，只能给TextView设置文本内容，而文本的样式只能用TextView来控制，而且该样式的可定制性还不大好...的setText中使用主要的方法 SpannableStringBuilder和SpannableString主要通过使用setSpan(Object what, int start, int end...ImageSpan : 图片 RelativeSizeSpan : 相对大小（文本字体） ScaleXSpan : 基于x轴缩放 StyleSpan : 字体样式：粗体、斜体等 SubscriptSpan...imageSpan1 = new ImageSpan(drawable); //将index为6、7的字符用图片替代 spannableString.setSpan(imageSpan...); } 使用ImageSpan设置图片，将index为6、7的字符替换成了图片，也就是说，该图片占有index6和7的位置。

2.3K12 0

Android自定义用户协议的解决方案

首先，新建一个TextUtils工具类，它基于SpannableStringBuilder实现，代码如下。...); } public static class MyImageSpan extends ImageSpan{ //因为这里文字存在换行,系统的ImageSpan图标无法进行居中...paint) { Drawable drawable = getDrawable(); canvas.save(); //获取画笔的文字绘制时的具体测量数据...（这种方式不论是否设置行间距都能保障文字的中间线和图片的中间线是对齐的） // y+ascent得到文字内容的顶部坐标，y+descent得到文字的底部坐标，（顶部坐标+...CompanyPartner2Activity.this, "unChecked"); } }).clickInto(tv_protocol); 其中，tv_protocol就是我们的TextView

8222 0

Android控件之TextView

零、前言 1.今天总结一下TextView 2.TextView在View家族的地位是：源码行数11000+，可以说是个大类 3.TextView直接继承自View，EditText，Button...，CheckBox都是它的后代 4.TextView可以说常用至极，所以掌握TextView是必要的 5.一些细小偏僻的点在这里综合一下，以便用时好找 --- 一、拿一个Hello World的TextView...来举例 1、代码中设置字体大小，自选尺寸 mIdTv.setTextSize(TypedValue.COMPLEX_UNIT_DIP,20);//dp mIdTv.setTextSize(TypedValue.COMPLEX_UNIT_PT...imageSpan = new ImageSpan(drawable); ssSeal.setSpan(imageSpan, 0, 2, Spanned.SPAN_INCLUSIVE_INCLUSIVE...更多安卓技术欢迎访问：https://www.jianshu.com/c/004f3fe34c94 张风捷特烈个人网站，编程笔记请访问：http://www.toly1994.com 你的喜欢与支持将是我最大的动力

1.3K2 0

详解Android登陆界面用户协议解决方案

用户协议.png 一般来说每个app都有这个用户协议阅读相关的功能,之前做的都是一个协议,也都是单行的,完全没有复杂度,可以一个checkbox加上一个textview来搞定,那么像图上这种复杂的该怎们实现呢...来看他有神们不同,有那些难点 1,选中框被文字包裹,单纯的checkbox和textview无法实现,因为选中框会在文字左方 2,协议文件有很多,不定项,文件是服务器返回的,而且每个文件中间都会有一个颜色不一样的点隔开...其实这样一看很多人都知道可以用textview的span来搞定,算盘的想过内容就不复习了,直接上代码首先模拟一个协议数据,创建一个是否阅读的变量 String[] protocols = {...= getDrawable(); //调用imageSpan中的方法获取drawable对象 canvas.save(); //获取画笔的文字绘制时的具体测量数据 Paint.FontMetricsInt...//与文字的中间线对齐（这种方式不论是否设置行间距都能保障文字的中间线和图片的中间线是对齐的） // y+ascent得到文字内容的顶部坐标，y+descent得到文字的底部坐标

1K3 1

Android画板开发之添加文本文字

PopupWindow，输入文本，然后PopupWindow消失的时候，利用staticLayout绘制到画布上即可。...在单纯地使用TextView来展示静态文本的时候，创建的就是 StaticLayout，在api25，Textview源码6858行可以看到。...float spacingadd, //在基础行距上添加多少 boolean includepad) //文本顶部和底部是否留白所以，bean类在之前的基础上，添加了文本、宽度、xy轴的偏移...，然后绘制的时候，利用staticLayout进行了绘制。...requestFocus() //自动弹出软键盘，会导致布局变化，重测量、绘制 val imm = context.getSystemService(Service.INPUT_METHOD_SERVICE

1.1K1 0

1-VIV-Android控件之TextView

零、前言 [1].今天总结一下TextView [2].TextView在View家族的地位是：源码行数11000+，可以说是个大类 [3].TextView直接继承自View，EditText，...Button，CheckBox都是它的后代 [4].TextView可以说常用至极，所以掌握TextView是必要的 [5].一些细小偏僻的点在这里综合一下，以便用时好找 ---- 一、拿一个Hello...World的TextView来举例 1、代码中设置字体大小，自选尺寸 mIdTv.setTextSize(TypedValue.COMPLEX_UNIT_DIP,20);//dp mIdTv.setTextSize...textview富文本，这里简单实现下图效果： ?...imageSpan = new ImageSpan(drawable); ssSeal.setSpan(imageSpan, 0, 2, Spanned.SPAN_INCLUSIVE_INCLUSIVE

5526 0

Android 千变万化 TextView：神奇的 SpannableString

前言 TextView 可以说是 Android 中最简单、最常见的文字控件了，几乎每个页面都有 TextView 的身影，绝大多数情况我们用 TextView 只是单纯地显示一个文本，但是 TextView...TextView 和 SpannableString 一起使用具体有哪些神奇的地方呢？本场 Chat 将全面地介绍 SpannableString 的用法，让你的 TextView 不再简单。...英语词典上还真不太好查，我自己的理解的意思是：可测量、可塑造的，所以 SpannableString 就是一种可测量可塑造的字符串。...但是 textColor 和 background 只能对 textView 整体生效，而 SpannableString 可以动态给不同位置的文字设置不同颜色。...（4）构建 ImageSpan 和 SpannableString，把 drawable 和字符串 str 对应起来。

3.5K2 0

Android用StaticLayout实现文字转化为图片效果（类似长微博发送）

前言 StaticLayout是android中处理文字换行的一个工具类，StaticLayout已经实现了文本绘制换行处理，下面是如何使用StaticLayout的相关内容，分享出来供大家参考学习，下面话不多说了...public class MainActivity extends AppCompatActivity implements View.OnClickListener { private EditText textView...的效果是一样的，其实TextView也是调用StaticLayout来实现换行的。...StaticLayout的构造函数有三个： public StaticLayout(CharSequence source, TextPaint paint, int width, Layout.Alignment...8.在基础行距上添加多少实际行间距等于这两者的和。

2K2 1

Android TextView实现查看全部和收起功能

在工作遇到上图所示的一个小需求，将“查看全部”的提示连在原文的后面，使用一个textview显示。...实现该功能大致步骤：判断处理的文字是否超过最大的限制行数；如果超过行数限制，截取掉超过的部分，并加上“...查看全部”；然后用SpannableString将“查看全部”设置为蓝色，并且给整个textview...实现上述步骤的难点在于：如何在setText()之前判断处理文字是否超过了最大的限制行数如何获取超过限制行数最后一个文字的下标解决以上两个问题需要用到一个处理TextView文本排版，拆行处理的工具类...如果需要详细了解StaticLayout的工作原理，可参考StaticLayout 源码分析然后我们可以通过调用getLineCount()方法获取到布局该文本的行数，调用getLineStart(int...传入相应参数 StaticLayout staticLayout = new StaticLayout(content,paint,width, Layout.Alignment.ALIGN_NORMAL

4.3K8 2

Android实现可点击展开的TextView

ellipsizeStr, desc);//显示收缩状态的文本和图标 } // TextView 实际显示的文本长度 == 应该显示文本的长度(正常状态)...);//显示展开状态的文本和图标 } if(Build.VERSION.SDK_INT =16){ tv.getViewTreeObserver(...来给 TextView 添加图标，但是普通的 ImageSpan 是不能响应点击事件的而且也不能设置图片的位置，那么我们要如何实现一个可以响应点击事件并且可以设置图片位置的 ImageSpan 呢？...Step 1：新建一个 ClickableImageSpan 类，使之具有 ImageSpan 所有属性的，并且可以点击，图片垂直居中。...和ImageSpan在textview中插入图片自定义可点击的ImageSpan并在TextView中内置“View“ 以上就是本文的全部内容，希望对大家的学习有所帮助。

2.1K2 0

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

如果你需要进行多行文字的绘制，并且对文字的排列和样式没有太复杂的花式要求，那么使用 StaticLayout 就好。...2 Paint 对文字绘制的辅助 Paint 对文字绘制的辅助，有两类方法：设置显示效果的和测量文字尺寸的。...以上就是 Paint 的对文字的显示效果设置类方法。下面介绍它的第二类方法：测量文字尺寸类。...2.2 测量文字尺寸类不论是文字，还是图形或 Bitmap，只有知道了尺寸，才能更好地确定应该摆放的位置。...由于文字的绘制和图形或 Bitmap 的绘制比起来，尺寸的计算复杂得多，所以它有一整套的方法来计算文字尺寸。 2.2.1 float getFontSpacing() 获取推荐的行距。

1.2K2 0

NewsQuark：基于 ESP32 的电子测量和调试工具

开发的~ 频率计一角 QUARK 是一个集电子测量探头和调试工具为一体、对外开源、且具有无线连接功能的手持设备，适用于 Arduino、ESP32、STM32 和类似平台。...使用了一块IPS屏幕装配时候的爆炸图特性和规格电压测量范围 0～26 V 电流测量范围 0～3.2 A 电阻测量范围 0～2 MΩ 电容测量范围 2 pf～1000 uF 电感测量高达 1 H...在测量电压时，Quark 会显示电压是否处于 1.8 V、3.3 V 或 5 V 逻辑电平范围内；测量电流时会显示瞬时值和一个图表；测量电容、电阻或电感时，会显示与测量值相对应的颜色代码或其他代码。...PWM在负载下的瞬时绝对值在测量电阻、电容、电感的参数时，QUARK的显示屏会显示元件的SMD代码和条纹代码。 QUARK 的示波器会自动调整波形的标度、触发和显示。...内部储存空间的初始化和电流测量芯片的初始化设置 I2C的配置和引脚的配置按钮+ADC+测量的引脚等 TFT屏幕的初始化 void BluetoothHandler() { String

1.8K2 0

Android控件TextView实现静态图与动态GIF图文混排

最近做项目功能时，需要在TextView中展示图文，刚开始做的时候以为很简单，只需要用个ImageView跟TextView来展示就行了，可是发现这样做，不能实现我们需要的效果，这就需要涉及到富文本TextView...来展示图文，下面介绍静态图片的图文和动态GIF的图文两种展示方式：静态图片的图文：效果如下： [bkcvxx8is4.png] 这里写图片描述代码： String content...; sp.setSpan(imageSpan, 0, 1, ImageSpan.ALIGN_BASELINE);//0,1表示展示图片的起始位置,占一个字的位置 textOne.setText...Glide和Picasso有90%的相似度，准确的说，就是Picasso的克隆版本。但是在细节上还是有不少区别的。而且性能上更加优化。...把Glide引入到我们项目中，然后在创建UrlDrawable 和 GlideImageGetter 代码可以参考：底部公众号回复"富文本"即可获取方法调用： String content

1.9K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

基于TextView和StaticLayout的ImageSpan尺寸测量

相关·内容

利用SpannableString和ImageSpan在textview中插入图片的方法

让你的EditText删除表情比微信更高效--记一次android性能分析优化实战

TextView实现自定义换行以及缩进文字的格式化对齐

Android TextView 缩进指定距离

Android TextView 缩进指定距离

Draw Text in Deep

真·富文本编辑器的演进之路-Span开胃菜

【Android】强大的SpannableStringBuilder

Android自定义用户协议的解决方案

Android控件之TextView

详解Android登陆界面用户协议解决方案

Android画板开发之添加文本文字

1-VIV-Android控件之TextView

Android 千变万化 TextView：神奇的 SpannableString

Android用StaticLayout实现文字转化为图片效果（类似长微博发送）

Android TextView实现查看全部和收起功能

Android实现可点击展开的TextView

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

NewsQuark：基于 ESP32 的电子测量和调试工具

Android控件TextView实现静态图与动态GIF图文混排

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐