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

最新推荐文章于 2023-02-16 11:02:25 发布
最新推荐文章于 2023-02-16 11:02:25 发布
阅读量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
					
					994
					
				

			

		

		

			
				
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
					
					568
					
				

			

		

		

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

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





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

			
		

	



		

			
		



	

		

			

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

				
			

			

				

					alearningWu的博客
				

				

					12-28
					
					2588
					
				

			

		

		

			
				
前言

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

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
					
					3812
					
				

			

		

		

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



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


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

			
		

	





	

		

			

				
					
Android 富文本 SpannableString 支持网络图ImageSpan

				
			

			

				

					a day a better
				

				

					02-16
					
					1131
					
				

			

		

		

			
				
实现思路： 在文本前加空格占位，使用默认图填充，下载网络图，下载完成时替换默认图。CenterVerticalImageSpan 实现图片在文字中居中效果。图片居中： CenterVerticalImageSpan.java。富文本 SpannableString 支持网络图。

			
		

	





	

		

			

				
					
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 SpannableString多行图文混排的应用实战

				
			

			

				

					01-04
				

			

		

		

			
				
TeXtView大家应该都不陌生，文本展示控件嘛！ 就用TextView显示普普通通的文本，OK，很简单，Android入门的都会，没入门的在门缝外看两眼也都会，哈哈，开玩笑。那要是设计在开发需求中要求类似微信聊天表情一样在TextView中插入表情图片呢？ 有的小伙伴就会说啦，“TextView添加图片我会啊，不就是drawableLeft，drawableRight嘛！” 嗯 ~ 也行，算是一种方法，可这有一个限制，首先，图片只能在TextView的两端，其次，两端都只能设置一张图片。要是图片要在文本中间呢？无能为力了吧，要是你会使用SpannableString，这个问题也就不难解决了，

			
		

	





	

		

			

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

				
			

			

				

					01-21
				

			

		

		

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

			
		

	





	

		

			

				
					
Android实战SpannableString多行图文混排的应用

				
			

			

				

					Kris_Liu
				

				

					12-13
					
					2290
					
				

			

		

		

			
				
首先我们来看下这张效果图，注意图片中置顶这个图片是如何实现的呢？当然你也可也设置他的点击事件，比如带有视频或者其他类的，这里我们就不多做介绍了，看项目具体需求就好。







如果就涉及到一行的话我们只需要在文本后面加个imageview就行，但是如果多行显示的话这样做就不太好了



那么什么是SpannableString呢？

SpannableString其实和String一样，都是一

			
		

	





	

		

			

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

				
			

			

				

					a_sid的博客
				

				

					12-16
					
					2430
					
				

			

		

		

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



			
		

	





	

		

			

				
					
SpannableString（图文混排）

				
			

			

				

					BOKE1的博客
				

				

					09-29
					
					809
					
				

			

		

		

			
				
package com.gxb.spannedstring;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Color;
import android.graphics.drawable.BitmapDrawable;
import android.gr

			
		

	





	

		

			

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

				
			

			

				

					jy03773322的专栏
				

				

					07-28
					
					1213
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					weixin_34429137的博客
				

				

					05-28
					
					639
					
				

			

		

		

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

			
		

	





	

		

			

				
					
React Native - 常用组件

				
			

			

				

					DJ *小智的博客
				

				

					09-10
					
					328
					
				

			

		

		

			
				
React Native - 常用组件

转至元数据结尾


转至元数据起始

本文提到的常用组件有：

ActivityIndicator
	
	TouchableOpacity
	
	
	FlatList
	
	
	Image
	
	
	RefreshControl
	
	
	Slider
	
	
	Switch
	
	
	Text
	
	
	Alert
	


ActivityIn...

			
		

	





	

		

			

				
					
html单击数字显示图片,记SpannableString金融数字显示与Html.from显示图片

					
最新发布

				
			

			

				

					06-01
				

			

		

		

			
				
您好！针对您的问题，我可以提供一些思路和代码示例。

首先，您可以使用 `Html.fromHtml()` 方法来解析包含图片和数字的 HTML 字符串，如下所示：

```java
String htmlString = "您的数字是：<img src='number.png'/>123456";
CharSequence text = Html.fromHtml(htmlString, getImageGetter(), null);
```

其中，`getImageGetter()` 是一个实现了 `Html.ImageGetter` 接口的对象，用于获取并显示图片。示例代码如下：

```java
private Html.ImageGetter getImageGetter() {
    return new Html.ImageGetter() {
        @Override
        public Drawable getDrawable(String source) {
            // 根据图片资源名获取图片 Drawable 对象
            Drawable drawable = getResources().getDrawable(getResourceId(source));
            // 设置图片大小和对齐方式
            drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
            // 返回图片 Drawable 对象
            return drawable;
        }

        private int getResourceId(String source) {
            // 根据图片资源名获取图片资源 id
            return getResources().getIdentifier(source, "drawable", getPackageName());
        }
    };
}
```

接着，您可以使用 `SpannableString` 类来对金融数字进行格式化显示，例如：

```java
String numberString = "123456";
SpannableString spannableString = new SpannableString(numberString);
spannableString.setSpan(new ForegroundColorSpan(Color.RED), 0, numberString.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
```

以上代码使用红色文字颜色对数字进行了标记。您可以根据需求使用不同的 Span 对象来实现不同的格式化效果。

最后，您可以将包含图片和金融数字的 `SpannableString` 和 `CharSequence` 对象合并，以实现完整的显示效果。示例代码如下：

```java
SpannableStringBuilder builder = new SpannableStringBuilder();
builder.append(text);
builder.append(spannableString);
TextView textView = findViewById(R.id.text_view);
textView.setText(builder);
```

以上代码将图片和数字合并到了一个 `SpannableStringBuilder` 对象中，并设置为 `TextView` 的文本内容。

希望以上内容能够对您有所帮助！

			
		

	



              



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

  

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

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值