Android TextView使用HTML处理图片文字混合显示

最新推荐文章于 2021-05-26 10:48:54 发布
VIP文章 最新推荐文章于 2021-05-26 10:48:54 发布
阅读量7.5k 收藏 12
点赞数 5
分类专栏： android 文章标签： Android TextView中显示Html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36455052/article/details/78734734
版权

困惑了一周的问题终于解决了，决定写一篇文章，因为百度上的方法说的不是非常清楚，所以决定自己写一篇，废话不多说，直接正文


先看下效果（页面中只有一个TextView组件）




处理网络图片用的是第三方库ImageLoader，链接如下


https://github.com/nostra13/Android-Universal-Image-Loader

 

 

点击进入后下载jar包，如下图
 


 
 


 
 


 
 

下载完成后复制jar包，粘贴至androidstudio libs目录下如下图目录中
 


 
 


 
 


 
 

然后鼠标右键jar包进行如下操作
 


 
 

 


 
 

点击OK，加载一会ImageLoader包就成功导入了
 


 
 

注意：ImageLoader需要在onCreate方法中实例化
 

 

ImageLoader imageLoader = ImageLoader.getInstance</

                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  晨曦_X86
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
Android中Textview和图片同行显示(文字超出用省略号，图片自动靠右边)

				
			

			

				

					08-31
				

			

		

		

			
				
Android中Textview和图片同行显示，文字超出用省略号显示，图片自动靠右边。看到这个问题本来认为是一个很正常的需求，看起来很简单，但是做起来却遇到了很蛋疼的问题，怎么搞的都不行，堵了很长时间，下面说一下解决的方案，希望遇到这样问题的朋友可以使用。

			
		

	



                

              
                



	

		

			

				
					
Android用Kotlin语言设置 TextView中图文混合排列

				
			

			

				

					hezhixiu的博客
				

				

					07-05
					
					3018
					
				

			

		

		

			
				
1.设置需要显示的文字和图片：
var s:String = "haha"+ ""
2.获取ImageGetter
fun getImageGetter():Html.ImageGetter{
        var imgGetter:Html.ImageGetter =object: Html.ImageGetter {
            override fun getDrawa

			
		

	



                


  
              

                


	

		

			

				
					
TextView实现图文混排

				
			

			

				

					清风洒脱
				

				

					02-27
					
					447
					
				

			

		

		

			
				
前言

我们都知道很多时候后台返回给我们的一段富文本类似这样：



&lt;p&gt;&lt;img alt="laugh" height="23" src="http://img3.imgtn.bdimg.com/it/u=3140599426,288343775&amp;fm=26&amp;gp=0.jpg" " +
                "title=\"lau

			
		

	





	

		

			

				
					
Textview显示Html，图文混排，支持图片点击放大

				
			

			

				

					Simon's Blog
				

				

					06-26
					
					3738
					
				

			

		

		

			
				
对于呈现Html文本来说，Android提供的Webview控件可以得到很好的效果，但使用Webview控件的弊端是效率相对比较低，对于呈现简单的html文本的话，杀鸡不必使用牛刀。另外如果是在Listview中使用的Webview的话，效率则更是低下。
    然而，Android还提供了android.text.Html类来支持Html的解析，利用这个类，我们可以通过Textview来呈现H

			
		

	



		

			
		



	

		

			

				
					
Textview显示HTML【图文混排】实现

				
			

			

				

					fengyeNom1的博客
				

				

					01-16
					
					1117
					
				

			

		

		

			
				
废话不多说，直接上刺刀！


/**
     * 设置HTml网页
     *
     * @param text html字符串
     * @param view textview
     */
    private void setHtml(String text, TextView view) {
        MyImageGetter myImageGetter = ne...

			
		

	





	

		

			

				
					
Textview动态添加右图片

				
			

			

				

					Lycorisradiata的博客
				

				

					07-04
					
					3444
					
				

			

		

		

			
				
Drawable drawable;
TextView textview;
drawable = getResources().getDrawable(R.mipmap.work_shouqi_jiantou);
drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight());
textview.s

			
		

	





	

		

			

				
					
Android TextView显示html样式的文字

				
			

			

				

					01-05
				

			

		

		

			
				
TextView显示一段文字，格式为：白雪公主（姓名，字数不确定）向您发来了2（消息个数，不确定）条消息 这段文字中名字和数字的长度是不确定的，还要求名字和数字各自有各自的颜色。 就想到了用 Html.fromHtml(String...

			
		

	





	

		

			

				
					
Android实现TextView显示HTML加图片的方法

				
			

			

				

					09-02
				

			

		

		

			
				
主要介绍了Android实现TextView显示HTML加图片的方法,结合实例形式分析了TextView控件显示网络图片的相关操作技巧,需要的朋友可以参考下

			
		

	





	

		

			

				
					
Android DrawableTextView图片文字居中显示实例

				
			

			

				

					01-04
				

			

		

		

			
				
在我们开发中，TextView设置Android:drawableLeft一定使用的非常多，但Drawable和Text同时居中显示可能不好控制，有没有好的办法解决呢？ 小编的方案是通过自定义TextView实现。 实现的效果图：  注：第一行为原生...

			
		

	





	

		

			

				
					
Android-TextView-富文本-html图片显示.rar

				
			

			

				

					08-13
				

			

		

		

			
				
android下textview 显示html片段，可以显示文字和图片混排，图片可以是网络图片

			
		

	





	

		

			

				
					
android开发之TextView显示加载的文字和图片

				
			

			

				

					ZaneLove's blog
				

				

					03-11
					
					2050
					
				

			

		

		

			
				
懒惰，只是为了更好的懒惰！

			
		

	





	

		

			

				
					
TextView显示富文本图片

				
			

			

				

					casual_clover的博客
				

				

					07-08
					
					1105
					
				

			

		

		

			
				
package com.android.device.utils;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Handler;

			
		

	





	

		

			

				
					
android:使用TextView展示H5文本(含关键字点击和图片)

				
			

			

				

					CnPeng
				

				

					10-23
					
					800
					
				

			

		

		

			
				
一、需求描述
使用TextView展示H5文本，文本中包含关键词和图片，在H5文本中只有关键词会标红，在TextView中展示出来的关键词需要加点击事件。
具体如下图：




使用TextView展示H5文本

二、需求分析——主要知识点
(1)、使用SpannableString
因H5文本中包含超链接和图片，而且我们要使用TextView展示，那就必须使用SpannableString。将H...

			
		

	





	

		

			

				
					
Android自定义控件之《自定义TextView(支持显示图片)》

				
			

			

				

					知足常乐
				

				

					01-02
					
					2134
					
				

			

		

		

			
				
有很多情况下，变态的需求，不得不让我们另辟蹊径，比如说，在一段文字里，愣是要让几处显示成别的颜色，或者字号要比其它文字大，或者小，其实这种情况下实现起来还算简单，只需要用到Html类的fromHtml()方法，加上html标签就可以实现，例如，把“AbnerMing是一个集才华与帅气于一身的帅哥”这句话中的AbnerMing设置成红色，字号稍大些，那么就可以这样做，Html.fromHtml(“&...

			
		

	





	

		

			

				
					
android  textview混合显示图片和文字

				
			

			

				

					battlein的专栏
				

				

					11-30
					
					2925
					
				

			

		

		

			
				
Android开发系列八：怎么混合显示图片和文本
在有的Android应用中，需要在文字的中间插入一个图片，比如像下面图中所示的效果：






天气小图片显示在文字的后面，要实现此效果可以自己写一个View，但是也可以使用TextView结合android.text.Spanned来实现此效果。
Spanned的内容可以是一段html文本，图片就可以用img元素嵌入进去了，图

			
		

	





	

		

			

				
					
Android 自定义view-如何设置TextView drawableLeft 图片大小？

				
			

			

				

					Liu_ser的博客
				

				

					01-03
					
					897
					
				

			

		

		

			
				
转载自：http://blog.csdn.net/u014702653/article/details/52304656




开发过程中，越发强烈的觉得需要对TextView进一步封装 
1.TextView需要设置背景或者边框时需要编写大量的selector，稍微修改一下样式又得编写一个新的selector，这个实在不能忍！ 
2.使用原生TextView的drawableLe

			
		

	





	

		

			

				
					
Android 自定义 View：左右两边显示 text 的 TextView（RightAndLeftTextView）

				
			

			

				

					zeqiao的博客
				

				

					09-30
					
					2588
					
				

			

		

		

			
				
自定义View：左右两边显示 text 的 TextView（RightAndLeftTextView）

			
		

	





	

		

			

				
					
andorid TextView(1)-带图片的TextView

				
			

			

				

					missingcall
				

				

					06-06
					
					217
					
				

			

		

		

			
				
1.带图片的TextView1.在xml中设置属性<TextView
android:id="@+id/my_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/drawable_shape1"
android:drawableBottom

			
		

	





	

		

			

				
					
android文本自动添加图片,Android textView文字添加图片 imageSpan使用

				
			

			

				

					weixin_42097189的博客
				

				

					05-26
					
					1048
					
				

			

		

		

			
				
如果想为一段文字添加图片,那么可以用到imageSpan来很好的实现代码:tvTest = (TextView) findViewById(R.id.test);CharSequence text = "效果测试★，效果测试，效果★测试";SpannableStringBuilder builder = new SpannableStringBuilder(text);String rexgStr...

			
		

	





	

		

			

				
					
android textview 显示图片

					
最新发布

				
			

			

				

					05-03
				

			

		

		

			
				
在 Android 中，可以通过以下两种方式在 TextView 中显示图片：  1. 使用 HTML 标记  可以在 TextView 中使用 HTML 标记来显示图片。具体做法如下：  在 strings.xml 中定义一个包含 HTML 标记的字符串：  ```xml ...

			
		

	



              



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

  

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

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 8

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值