android 实现textView 文本第一行开头嵌套图片，或者圆角TextView的实现思路

最新推荐文章于 2025-07-14 13:27:46 发布
最新推荐文章于 2025-07-14 13:27:46 发布
阅读量4.7k 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jiyidehao/article/details/80398780
本文介绍如何在Android中通过自定义View实现TextView首行文字前添加图片，或创建带有圆角的TextView。通过将文本拆分为多个部分并逐个设置到不同的TextView中，同时注意文本绘制的顺序，可以成功实现所需效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近项目要实现一个需求这种效果，黄色背景有圆角，字体内容会变化，首先想到的是用ImageSpan之类的来实现，可是找了好多没找到，无意之间想到可以自己写个自定义View来实现呀。于是思路就是黄色背景的是一个TextView A可以自己画圆角，第一行的“考上北京大学的经验！考上北京”一个TextView B,“大学的经验”一个TextView C即可实现。

String textString = "考上北京大学的经验！考上大学的经验！";

其中需要注意的有两点：

1.怎样将文本正确的拆分并且拼接起来。

2.要按照三个TextView绘制完成的时间，依次setText().否则会导致空指针。

针对问题1：首先将文本拼接起来的方法:

最低0.47元/天 解锁文章

200万优质内容无限畅学
Android之自定义View实现带4圆角或者2圆角的效果
码莎拉蒂
03-22 6090
1 问题 实现任意view经过自定义带4圆角或者2圆角的效果 2 原理 1) 实现view 4圆角 我们只需要把左边的图嵌入到右边里面去，最终显示左边的图就行。 2) 实现view上2圆角 我们只需要把左边的图嵌入到右边里面去，最终显示左边的图就行。 安卓源码里面有这样的类 package android.graphics; /** * ...
Android -TextView插入图片
zuochunsheng的博客
02-02 3136
方式一 xml 最简单 直接在Xml 布局文件中 设置 android:drawableXXX 即可，通过android:drawablePadding 调整文字与图片的距离。 方式二 反射 // 利用html 插入图片 String text4 = " 图片1："; text4 += " 图片2："; Spanne
安卓控件使用系列2：TextView实现图文（图片和文字）混排
luoshiwutai的博客
10-01 900
使用TextView实现图文混排是有些开发者并没有实现过，下面来介绍一下如何实现。 整体思路：首先定义根据资源文件的变量名返回资源文件ID的方法，定义指向图片资源文件变量名html格式的字符串，写一个通过这个字符串获取资源文件信息的方法返回给字符序列，把这个字符序列绑定到TextView控件。 activity_main.xml文件： <TextView androi
Android中TextView显示插入的图片实现方法
01-04
本文实例讲述了Android中TextView显示插入的图片实现方法。分享给大家供大家参考，具体如下： Android系统默认给TextView插入图片提供了三种方式： 1、ImageSpan 2、Html.ImageGetter 3、TextView.setCompoundDrawables(left, top, right, bottom) 1、TextView使用ImageSpan显示图片 ImageSpan span = new ImageSpan(this, R.drawable.ic_launcher); SpannableString spanStr = new Spannab
Android中TextView嵌入图片的4种技术方法
最新发布
weixin_42315569的博客
07-14 381
img>标签在HTML中用于嵌入图片。以下是一些常用的属性及其用途：src：必需属性，指定图片的URL或路径。alt：提供图片的替代文本，主要用于图片无法显示时。width和height：设置图片的宽度和高度。如果仅设置其中一个，另一个通常会按比例缩放。title：当鼠标悬停在图片上时显示的文本。// 示例<img src='image.png' alt='示例图片' title='悬停显示图片名称' width='100' height='100' />
Android 实现TextView第一行嵌入图片
lipeiyong1993的博客
04-08 1108
效果 代码 <?xml version="1.0" encoding="utf-8"?> <layout> <data> </data> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.an
在TextView中加入图片
weixin_34174322的博客
03-18 220
TextView是一个非常强大的控件，有时须要在一个控件中同一时候显示图片和文字，使用TextView非常easy实现。 方法一： 聊天软件比方QQ一般都会有发送表情的功能，使用SpannableString+ImageSpan能够非常easy实现 [java] view plaincopy private void showImageFace(String s...
Android TextView中显示图片
weixin_34014555的博客
08-18 174
Android官方给我们提供的Html类下面的fromHtml方法 当你需要转换的HTML代码是带图片的，比如&lt;IMG/&gt;，那么你就需要使用到重载的第二个方法了，这个方法里面有个ImageGetter对象，实现这个类会发现它回调了一个抽象getDrawable方法，在这个方法里，我们可以进行远程图片的下载获取，本地资源图片的获取等。第三个参数TagHandler是用来自定义一些不属于...
两行TextView前面添加一个图片/控件
qq_38913386的博客
11-22 579
ui
android 两边圆角,Android自定义View实现带4圆角或者2圆角的效果
weixin_32239523的博客
05-29 1125
1 问题实现任意view经过自定义带4圆角或者2圆角的效果2 原理1) 实现view 4圆角我们只需要把左边的图嵌入到右边里面去，最终显示左边的图就行。2) 实现view上2圆角我们只需要把左边的图嵌入到右边里面去，最终显示左边的图就行。安卓源码里面有这样的类package android.graphics;/*** Specialized implementation of {@link Pai...
Android编程实现圆角边框布局效果的方法
01-20
在Android开发中，创建具有圆角边框的布局效果是一个常见的需求，这通常涉及到自定义视图或者通过组合现有组件来实现。在这个实例中，我们看到开发者使用了`LinearLayout`和`TableLayout`来构建一个包含输入字段的...
【Android布局设计】：Textview文字超出省略，图片靠右的高级实现方法
接着，深入讲解了图片定位、对齐以及Textview和ImageView在复杂布局中的优化应用。文章还介绍了使用ConstraintLayout进行布局优化和利用CardView增强视觉效果的技术细节。最后，通过实际案例分析，讨论了性能优化和...
Android textview 文字中间加上图片
07-07
Android textview 文字中间加上图片
Android中Textview和图片同行显示(文字超出用省略号，图片自动靠右边)
08-31
Android中Textview和图片同行显示，文字超出用省略号显示，图片自动靠右边。看到这个问题本来认为是一个很正常的需求，看起来很简单，但是做起来却遇到了很蛋疼的问题，怎么搞的都不行，堵了很长时间，下面说一下解决的方案，希望遇到这样问题的朋友可以使用。
android spannablestring html,利用SpannableString和ImageSpan在textview中插入图片的方法
weixin_42353258的博客
05-28 610
默认的TextView是无法显示图片的。所以想要实现这个功能得需要我们自己为其添加一个方法。在这里我们采用SpannableString和ImageSpan两个类来实现这一功能。先上效果图：main.xml布局文件。我们使用自己定义的EditTextandroid:layout_width="fill_parent"android:layout_height="fill_parent"androi...
Android TextView文本和图片混排实现
zhangdi_gdk2016的博客
07-09 1608
1.问题 今天接到一个需求，UI设计图实现方式如下 刚开始一看，这简单，imgView和TextView结合一下不就完事了，emmm......不对，又想了一下没有这么简单，如果只是两者的结合，会导致布局变成这个鸟样 我嘞个叉，这显然没有达到UI的效果图，要不和美工商量一下修改需求。。。。。这显然不符合用户体验，我决定试一试实现这个，经过分析，这中布局方式图片需要动态的添加上去，使用简单的控件组合是解决不了问题的，首先想到的是使用HTMl的那种格式，但是那种灵活性不是很好，后来...
TextView前添加图片
Android
01-09 862
啥也不说上代码 private TextView text； String text="这里是多行文字"; SpannableString newText = new SpannableString(text+ " "); int len = newText.length(); //加载本地资源图片 Drawable d = ContextCompat.getDrawable(mContext, (R.drawable.abc_pic)); //距离文字左
SpannableString添加ImageSpan居中处理
光着脚丫子飙五环
06-24 2332
Android图文混排可以通过SpannableString来实现，但是imageSpan只提供了两种对齐方式：ALIGN_BOTTOM，ALIGN_BASELINE两种方式，并没有居中对齐方式。 自定义ImageSpan public class CenterImageSpan extends ImageSpan { public CenterImageSpan(Drawable dr...
TextView 图片居右
dianwei5413的博客
10-30 216
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值