SpannableString与ImageSpan实现文字与图片混合

最新推荐文章于 2021-05-28 11:54:56 发布
最新推荐文章于 2021-05-28 11:54:56 发布
阅读量1.2k 收藏
点赞数
分类专栏： 软件工程 文章标签： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Keep_Driving_XinYang/article/details/50294131
版权 

public class Androidtest2Activity extends Activity {
	
	private EditText mEdit;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		
mEdit
 = (EditText) this.findViewById(R.id.editText1);
mEdit
.setText("HelloWorld");Drawable drawable = getResources().getDrawable(R.drawable.icon);drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());SpannableString spannable = new SpannableString(getText().toString() + "[smile]");ImageSpan span = new ImageSpan(drawable, ImageSpan.ALIGN_BASELINE);spannable.setSpan(span, getText().length(),getText().length() + "[smile]".length(),Spannable.SPAN_INCLUSIVE_EXCLUSIVE);setText(spannable);}private Editable getText() {return 
mEdit
.getText();}private void setText(SpannableString spannalbe) {
mEdit
.setText(spannalbe);}}

 


                

        

        

    




    

      

        

            

              
                
                  godliness_sjz
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
android SpannableString + 图文混排 + @功能

				
			

			

				

					12-16
				

			

		

		

			
				
最近项目里因为有一些图文混排的需求，需要在Android  TextView 增加多种类型的数据，诸如图片、按钮、拨号、链接、@功能等等。
示例1:使用 SpannableString，试了一下效果一般。(新手推荐)

示例2：后面也是参考了前辈的代码，自己重写了几个组件，并加以工具类的控制，将效果控制的更好。(推荐)

我以后所有的资源都挂0分，方便网友们下载，也希望网友们多多回复，以表支持。

如果不知道什么是SpannableString的朋友可以参考下面的链接
http://blog.csdn.net/lan410812571/article/details/9083023

			
		

	



                

              
                



	

		

			

				
					
SpannableString文本和图片一起显示

				
			

			

				

					Cricket_7的博客
				

				

					04-25
					
					999
					
				

			

		

		

			
				
1，实现效果







2，实现代码

【1】TextView显示文本和图片


	存放对应的图片
	

//存放的是表情的标识和图片的映射关系

private static HashMap<String, Integer> emojiMap = new HashMap<String, Integer>();

static{

emojiMap.put(...

			
		

	



                


  
              

                


	

		

			

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

				
			

			

				

					01-20
				

			

		

		

			
				
默认的TextView是无法显示图片的。所以想要实现这个功能得需要我们自己为其添加一个方法。
在这里我们采用SpannableString和ImageSpan两个类来实现这一功能。
先上效果图：

main.xml布局文件。我们使用自己定义的EditText

<?xml version=1.0 encoding=utf-8?>
<LinearLayout xmlns:android=http://schemas.android.com/apk/res/android
  android:layout_width=fill_parent
  android:layout_hei

			
		

	





	

		

			

				
					
#Android笔记# 超级足球app 开发总结（二）—— SpannableString根据标记插入文字实现图文混排

				
			

			

				

					superyu1992的专栏
				

				

					03-11
					
					574
					
				

			

		

		

			
				
最近利用业余时间，开发了一款基于懂球帝接口数据的足球资讯app，整体的UI也是仿照懂球帝设计的。这是一个比较综合的项目，用到了不少以前没用过的组件和api，而且产生了很多新的开发思路，有些实现方式也是自己琢磨的，所以值得做一些记录，可能还存在瑕疵和可以优化的地方，也希望大家给我多指正。

先看一看接口返回的数据(数据结构比较长，这里只截取了部分用到的数据)：





可以看到，懂球帝这里是通过f...

			
		

	



		

			
		



	

		

			

				
					
【Android】android开发之文字拼接图片，图文混排

				
			

			

				

					alearningWu的博客
				

				

					12-28
					
					2593
					
				

			

		

		

			
				
前言

需求：给一个字符串拼接上一个"全国"标签，需要一直跟在文字后面。

ui图：



想法：

采用spannable的方法给文字后面添加图片。

正文

1.写一个xml当"全国"标签view。


&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;LinearLayout xmlns:android="http://schemas.and

			
		

	





	

		

			

				
					
SpannableString实现TextView前添加图片

				
			

			

				

					youngmy5的博客
				

				

					03-25
					
					3825
					
				

			

		

		

			
				
在做商城项目的时候，会遇到这种需求，在商品名称前面添加一个图片，来辨别商品是淘宝的还是天猫、京东、拼多多的。大概效果如下图所示。



这个效果可以用SpannableString来实现，具体代码如下所示。


 textView.setText(TextViewHelper.setLeftImage(context,
                "1",
                "3...

			
		

	





	

		

			

				
					
Android图文混排ImageSpan居中，以及设置间距问题

				
			

			

				

					h4x0r_007的专栏
				

				

					04-02
					
					5993
					
				

			

		

		

			
				
test



Android里面使用SpannableString或SpannableStringBuilder来拼接图片与文字，可以将其放到一个TextView控件里面来显示。使用ImageSpan来拼接图片，但是系统默认的ImageSpan能力非常弱，默认无法居中对齐，也无法设置图片与文字的间距，所以我们通常需要自定义ImageSpan，来解决上述问题。这里封装了一个工具类CenterSp...

			
		

	





	

		

			

				
					
Android中的SpannableString与SpannableStringBuilder详解

				
			

			

				

					08-29
				

			

		

		

			
				
主要给大家介绍了关于Android中SpannableString与SpannableStringBuilder的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。

			
		

	





	

		

			

				
					
Android中TextView显示插入的图片实现方法

				
			

			

				

					01-04
				

			

		

		

			
				
本文实例讲述了Android中TextView显示插入的图片实现方法。分享给大家供大家参考，具体如下： Android系统默认给TextView插入图片提供了三种方式： 1、ImageSpan 2、Html.ImageGetter 3、TextView....

			
		

	





	

		

			

				
					
SpannableString实现绚丽的文本和图文混排

				
			

			

				

					12-13
				

			

		

		

			
				
包含了设置文本的前景色,背景色,大小,图文混排,上下标等

			
		

	





	

		

			

				
					
Android实现EditText图文混合插入上传功能

				
			

			

				

					01-21
				

			

		

		

			
				
在上图的”会议详情”中，需要支持文本和图片的混合插入，下图演示输入的示例：   当会议创建完成以后，保存数据到服务器，然后查看刚刚创建好的会议，如图：    一、明确需求   首先，点击”会议详情”文本框中，...

			
		

	





	

		

			

				
					
SpannableString实现TextView前面和后面添加图片

				
			

			

				

					a_sid的博客
				

				

					12-16
					
					2443
					
				

			

		

		

			
				
SpannableString实现TextView前添加图片
参考链接



			
		

	





	

		

			

				
					
android添加文字功能,Android图文混排功能(文字后面追加图片)

				
			

			

				

					weixin_34429137的博客
				

				

					05-28
					
					645
					
				

			

		

		

			
				
这几天比较闲，将前段时间项目中的一些功能整理下，做个备份，以备以后继续使用。产品设计了一个页面，刚开始看到的时候没注意，做的时候才发现有问题！图上的位置有一个图标按钮，需求是点击的时候，可以进行一部分编辑。问题出来了，我本身准备用最简单的ImageView，直接开撸……but……我撸了几行，突然想起来不行，因为我的地址是变动的，string的长度有可能是一行，2行……但是要求是这个图标必须是在文字...

			
		

	





	

		

			

				
					
在EditText中插入表情图片 (CharacterStyle&SpannableString)

				
			

			

				

					jy03773322的专栏
				

				

					07-28
					
					1215
					
				

			

		

		

			
				
EditText通常用于显示文字，但有时候也需要在文字中夹杂一些图片，比如QQ中就可以使用表情图片，又比如需要的文字高亮显示等等，如何在android中也做到这样呢？ 记得android中有个android.text包，这里提供了对文本的强大的处理功能。 添加图片主要用Spann

			
		

	





	

		

			

				
					
Android使用SpannableString实现文本框里插入表情

				
			

			

				

					椎锋陷陈
				

				

					09-25
					
					2740
					
				

			

		

		

			
				
效果
         


介绍
       SpannableString，相较于普通String带有丰富的格式设置，可使文本的可读性更强。两者都用于存储字符串，而SpannableString的特殊之处就在于有一个setSpan()函数，因而能给存储的文本添加各种样式，诸如文本颜色样式((ForgroundColorSpan)，文本背景颜色样式((BackgroundColorS

			
		

	





	

		

			

				
					
自定义ImageSpan 实现文字与图片的居中对齐

				
			

			

				

					qq_23288055的博客
				

				

					11-14
					
					2826
					
				

			

		

		

			
				
自定义ImageSpan 实现文字与图片的居中对齐

			
		

	





	

		

			

				
					
使用ImageSpan，图片不能与文字对齐问题

				
			

			

				

					Meyu
				

				

					03-20
					
					5973
					
				

			

		

		

			
				
使用ImageSpan，图片不能与文字对齐问题实现如下产品需求 
- 1. 图片与文字中间对齐 
- 2. 文字不能超过三行，多余使用…，但是保持价格可见。实现功能一：图片与文字中间对齐看到设计图就想到使用TextView.drawableLeft属性，加上Html，发现图片居中于全部文字，而不是居中与第一行文字。后面采用Html.src，代码如下：        String text = Str

			
		

	





	

		

			

				
					
SpannableString,多个textview合为一个，还可以为TextView添加图片

				
			

			

				

					feng8888bbb的博客
				

				

					07-09
					
					1286
					
				

			

		

		

			
				
最近产品提出一个需求，就是模仿微信朋友圈，然后就想怎么做，本文主要来讲的是SpannableString，关于朋友圈设计的其它知识点就不说了。其实用起来很简单，难搞的地方就是位置的计算，一不小心就会角标越界，接下来会说一下SpannableString的常用的用法。
       为textview添加文字和图片。
        String content = "小凡送给主播跑车3个"；


			
		

	





	

		

			

				
					
android studio 怎么使用SpannableString实现图文混排

					
最新发布

				
			

			

				

					05-19
				

			

		

		

			
				
在 Android Studio 中，可以使用 SpannableString 类来实现文本的样式设置和图文混排。下面是一个简单的示例代码：

```java
TextView textView = findViewById(R.id.textView);

// 创建一个 SpannableString
SpannableString spannableString = new SpannableString("这是一段带图片的文字");

// 加载图片资源
Drawable drawable = getResources().getDrawable(R.drawable.ic_launcher_background);
drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());

// 创建一个 ImageSpan
ImageSpan imageSpan = new ImageSpan(drawable);

// 设置图片的位置和大小
spannableString.setSpan(imageSpan, 5, 6, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

// 设置文字的颜色和大小
ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.RED);
RelativeSizeSpan sizeSpan = new RelativeSizeSpan(1.5f);
spannableString.setSpan(colorSpan, 0, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(sizeSpan, 0, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

// 将 SpannableString 设置到 TextView 中
textView.setText(spannableString);
```

上述代码中，我们首先创建了一个 `SpannableString` 对象，然后通过 `getResources().getDrawable()` 方法加载一张图片，创建一个 `ImageSpan` 对象，并将其设置到 `SpannableString` 中。接着，我们通过 `ForegroundColorSpan` 和 `RelativeSizeSpan` 类来设置文字的颜色和大小，并将它们设置到 `SpannableString` 中。最后，我们将 `SpannableString` 设置到 `TextView` 中显示出来。

需要注意的是，`setSpan()` 方法的第二个参数和第三个参数分别表示样式的起始位置和结束位置，它们的单位是字符的索引值。在上述示例中，我们将图片设置到了第 6 个字符的位置，因此第二个参数为 5，第三个参数为 6。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值