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

最新推荐文章于 2023-02-16 11:02:25 发布
最新推荐文章于 2023-02-16 11:02:25 发布
阅读量1.3k 收藏
点赞数
分类专栏： 软件工程 文章标签： 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
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
SpannableString（图文混排）

				
			

			

				

					BOKE1的博客
				

				

					09-29
					
					837
					
				

			

		

		

			
				
package com.gxb.spannedstring;

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

			
		

	



                

              
                



	

		

			

				
					
SpannableString文本和图片一起显示

				
			

			

				

					Cricket_7的博客
				

				

					04-25
					
					1042
					
				

			

		

		

			
				
1，实现效果







2，实现代码

【1】TextView显示文本和图片


	存放对应的图片
	

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

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

static{

emojiMap.put(...

			
		

	



                


  
              

                


	

		

			

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

				
			

			

				

					12-13
				

			

		

		

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

			
		

	





	

		

			

				
					
android SpannableString + 图文混排 + @功能

				
			

			

				

					12-16
				

			

		

		

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

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

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

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

			
		

	



		

			
		



	

		

			

				
					
EditText利用SpannableString和ImageSpan将字符串解析成图文混合形式

				
			

			

				

					吟游诗人——吟唱生命的不朽
				

				

					02-24
					
					2233
					
				

			

		

		

			
				
完整项目Github链接：FLAGS

在EditText中实现图文混排的方法在上一篇博客中已经说了，链接在此：android的EditText里文字和图片混合编辑与显示

那篇博客里确实实现了如何在EditText中插入图片，并将如何显示的方法都写出来了，仿佛没问题，但是当我想把它保存到数据库的时候莫名报错了，我输出一看，好家伙，那篇文章用到了ImageGetter，但是只能用于显示，而当调用E...

			
		

	





	

		

			

				
					
android java button 不显示图片_Java Android Button图片与文字混合置中

				
			

			

				

					weixin_28857713的博客
				

				

					02-27
					
					141
					
				

			

		

		

			
				
整理出三种方法1.利用版面去配置,按钮在背后,前面在盖图片跟文字然后置中android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:background="@drawable/footer_btn4" >android:id="@+id/btnReset"andr...

			
		

	





	

		

			

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

				
			

			

				

					08-29
				

			

		

		

			
				
而ImageSpan则允许我们将图片作为字符插入到SpannableString中，这样在EditText中就可以显示图片了。  实现步骤如下：  1. **选择图片**：当用户点击图片按钮时，启动一个Intent来打开系统相册，让用户选择图片。这...

			
		

	





	

		

			

				
					
android中文字和图片混排效果的实现

				
			

			

				

					04-15
				

			

		

		

			
				
在Android开发中，实现文字与图片的混排是一项常见的任务，尤其在UI设计中，图标经常需要与文本结合，以增强信息的传达效果。本文将详细介绍如何在Android中实现这样的功能，以满足像描述中所述的“多行文字中插入...

			
		

	





	

		

			

				
					
spannable 图片与文字同行

				
			

			

				

					05-05
				

			

		

		

			
				
在Android开发中，Spannable是用于处理富文本的一种机制，它可以让我们在文本中混杂不同的样式，如颜色、字体大小...通过学习和实践，你将能够熟练地在TextView中实现文字与图片的混合展示，以及根据需要进行文本截断。

			
		

	





	

		

			

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

				
			

			

				

					Kris_Liu
				

				

					12-13
					
					2350
					
				

			

		

		

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







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



那么什么是SpannableString呢？

SpannableString其实和String一样，都是一

			
		

	





	

		

			

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

				
			

			

				

					01-04
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					08-28
				

			

		

		

			
				
主要为大家详细介绍了利用SpannableString和ImageSpan在textview中插入图片的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

			
		

	





	

		

			

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

				
			

			

				

					alearningWu的博客
				

				

					12-28
					
					2691
					
				

			

		

		

			
				
前言

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

ui图：



想法：

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

正文

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


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

			
		

	





	

		

			

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

				
			

			

				

					superyu1992的专栏
				

				

					03-11
					
					597
					
				

			

		

		

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

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





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

			
		

	





	

		

			

				
					
Android 富文本 SpannableString 支持网络图ImageSpan

					
最新发布

				
			

			

				

					a day a better
				

				

					02-16
					
					1282
					
				

			

		

		

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

			
		

	





	

		

			

				
					
Android 图文结合，使用SpannableString和ImageSpan类

				
			

			

				

					
				

				

					04-29
					
					531
					
				

			

		

		

			
				
Drawable drawable =getResources().getDrawable(id); 
       drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight()); 
       //需要处理的文本，[smile]是需要被替代的文本 
       Spannable

			
		

	





	

		

			

				
					
SpannableString实现TextView前添加图片

				
			

			

				

					youngmy5的博客
				

				

					03-25
					
					3962
					
				

			

		

		

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



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


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

			
		

	





	

		

			

				
					
Android TextView 富文本SpannableString 文字+图片居中显示，支持图片换行居中显示

				
			

			

				

					a day a better
				

				

					02-15
					
					4912
					
				

			

		

		

			
				
Android TextView 富文本SpannableString 文字+图片居中显示
代码示意：

注意1. drawable 为图片资源，只能是一整张图，如酒店星级，5星级一张5个星星的图片，不能是1个星星循环5次拼接一起，因为涉及到图片换行显示。
2. textView先显示文本，后加空格" ",然后再拼接图片上去。
3. 需要根据字段映射不同的图片，如1-5星级，对应的不同的图片dra...

			
		

	





	

		

			

				
					
使用SpannableString实现TextView链接与复合文本效果

				
			

			

				

					
				

			

		

		

			
				
"这篇教程主要讲解了如何使用SpannableString在TextView中创建复合文本并实现链接效果。通过SpannableString，开发者可以对TextView中的特定文本进行样式和交互性的定制，例如设置背景色、文本颜色、点击事件等。...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值