使用android SpannableStringBuilder实现图文混排，查看更多

https://i-blog.csdnimg.cn/blog_migrate/c29d43bf6d3e4855580567e577a996fd.png

项目开发中需要实现这种效果

多余两行，两行最后是省略号，省略号后面是下拉更多

之前用过的是Html.fromHtml去处理图文混排的，仅仅是文字后图片或者文字颜色字体什么的，

但是这里需要在最后文字的省略号后面添加图片。

直接上代码吧，代码注释很多，慢慢研究

[java] view plain copy

1. private void toggleEllipsize(final TextView tv,final String desc){  
2.         if(desc == null){  
3.         return;  
4.         }  
5.         tv.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {  
6.               
7.             @Override  
8.             public void onGlobalLayout() {  
9.                 boolean isEllipsized = (tv.getTag()==null||tv.getTag().equals(false))?false:(Boolean)tv.getTag();  
10.                 if(isEllipsized){  
11.                     tv.setTag(false);  
12.                 tv.setText(desc);  
13.                 }else{  
14.                 tv.setTag(true);  
15.                 int paddingLeft = tv.getPaddingLeft();  
16.                 int paddingRight = tv.getPaddingRight();  
17.                 TextPaint paint = tv.getPaint();  
18.                 float moreText = tv.getTextSize()*3;  
19.                 float availableTextWidth = (tv.getWidth()-paddingLeft-paddingRight)*2-moreText;  
20.                   
21.                 CharSequence ellipsizeStr = TextUtils.ellipsize(desc,paint,availableTextWidth,TextUtils.TruncateAt.END);  
22.                 if(ellipsizeStr.length()<desc.length()){  
23.                     /*String html = "<img src='game_info_lookmore'/>"; 
24.                     CharSequence charSequence = Html.fromHtml(html, new ImageGetter() { 
25.  
26.                         @Override 
27.                         public Drawable getDrawable(String source) { 
28.                             Drawable drawable = getResources().getDrawable( 
29.                                     getResourceId(source)); 
30.                             drawable.setBounds( 
31.                                     0, 
32.                                     0, 
33.                                     drawable.getIntrinsicWidth() 
34.                                             - DensityUtil.dip2px(GridGameInfoActivity.this, 3), 
35.                                     drawable.getIntrinsicHeight() 
36.                                             - DensityUtil.dip2px(GridGameInfoActivity.this, 1)); 
37.                             return drawable; 
38.                         } 
39.                     }, null); 
40.                     ellipsizeStr = ellipsizeStr.toString() + charSequence.toString();*/  
41.                       
42.                       
43.                     CharSequence temp = ellipsizeStr+".";  
44.                     SpannableStringBuilder ssb = new SpannableStringBuilder(temp);  
45.                     Drawable dd = getResources().getDrawable(R.drawable.game_info_lookmore);  
46.                     dd.setBounds(0, 0, dd.getIntrinsicWidth(), dd.getIntrinsicHeight());  
47.                     ImageSpan is = new ImageSpan(dd, ImageSpan.ALIGN_BASELINE);  
48.                     ssb.setSpan(is, temp.length()-1, temp.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);  
49.                       
50. //                  int yellow = getResources().getColor(R.color.red);  
51. //                  ssb.setSpan(new ForegroundColorSpan(yellow),ssb.length()-2,ssb.length(),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
52.                     tv.setText(ssb);  
53.                     tv.setMovementMethod(LinkMovementMethod.getInstance());  
54.                 }else{  
55.                     tv.setText(desc);  
56.                 }  
57.                 }  
58.                 if(Build.VERSION.SDK_INT>=16){  
59.                     tv.getViewTreeObserver().removeOnGlobalLayoutListener(this);  
60.                 }else{  
61.                     tv.getViewTreeObserver().removeGlobalOnLayoutListener(this);  
62.                 }  
63.             }  
64.         });  
65.         }  

主要是通过SpannableStringBuilder把省略的文字和最后的图片给拼接起来。也可以最后拼接的是文字，

不让...更多

转篇博客：

Android spannableStringBuilder用法整理

[java] view plain copy

1. spannableStringBuilder 用法详解：  
2.  SpannableString ss = new SpannableString("红色打电话斜体删除线绿色下划线图片:.");    
3.          //用颜色标记文本  
4.          ss.setSpan(new ForegroundColorSpan(Color.RED), 0, 2,    
5.                  //setSpan时需要指定的 flag,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括).  
6.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
7.          //用超链接标记文本  
8.          ss.setSpan(new URLSpan("tel:4155551212"), 2, 5,    
9.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
10.          //用样式标记文本（斜体）  
11.          ss.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), 5, 7,    
12.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
13.          //用删除线标记文本  
14.          ss.setSpan(new StrikethroughSpan(), 7, 10,    
15.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
16.          //用下划线标记文本  
17.          ss.setSpan(new UnderlineSpan(), 10, 16,    
18.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
19.          //用颜色标记  
20.          ss.setSpan(new ForegroundColorSpan(Color.GREEN), 10, 13,    
21.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
22.          //获取Drawable资源  
23.          Drawable d = getResources().getDrawable(R.drawable.icon);    
24.          d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());  
25.          //创建ImageSpan  
26.          ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);  
27.          //用ImageSpan替换文本  
28.          ss.setSpan(span, 18, 19, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);    
29.          txtInfo.setText(ss);  
30.          txtInfo.setMovementMethod(LinkMovementMethod.getInstance()); //实现文本的滚动    
31. 通常用于显示文字，但有时候也需要在文字中夹杂一些图片，比如QQ中就可以使用表情图片，又比如需要的文字高亮显示等等，如何在android中也做到这样呢？   
32. 记得android中有个android.text包，这里提供了对文本的强大的处理功能。   
33. 添加图片主要用SpannableString和ImageSpan类：  
34.    
35.      Drawable drawable = getResources().getDrawable(id);    
36.         drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());    
37.         //需要处理的文本，[smile]是需要被替代的文本    
38.         SpannableString spannable = new SpannableString(getText().toString()+"[smile]");    
39.         //要让图片替代指定的文字就要用ImageSpan    
40.         ImageSpan span = new ImageSpan(drawable, ImageSpan.ALIGN_BASELINE);    
41.         //开始替换，注意第2和第3个参数表示从哪里开始替换到哪里替换结束（start和end）    
42.        //最后一个参数类似数学中的集合,[5,12)表示从5到12，包括5但不包括12    
43.         spannable.setSpan(span, getText().length(),getText().length()+"[smile]".length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);      
44.         setText(spannable);    
45.    
46. 将需要的文字高亮显示：   
47.    
48.    
49.    
50. public void highlight(int start,int end){    
51.         SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());//用于可变字符串    
52.         ForegroundColorSpan span=new ForegroundColorSpan(Color.RED);    
53.         spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
54.         setText(spannable);    
55.     }    
56.      
57. 加下划线：   
58.    
59.    
60.    
61. public void underline(int start,int end){    
62.         SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());    
63.         CharacterStyle span=new UnderlineSpan();    
64.         spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
65.         setText(spannable);    
66.     }    
67.      
68. 组合运用：  
69.    
70.    
71.    
72. SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());    
73.         CharacterStyle span_1=new StyleSpan(android.graphics.Typeface.ITALIC);    
74.         CharacterStyle span_2=new ForegroundColorSpan(Color.RED);    
75.         spannable.setSpan(span_1, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
76.         spannable.setSpan(span_2, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
77.         setText(spannable);    
78.      
79. 案例：带有\n换行符的字符串都可以用此方法显示2种颜色  
80.    
81.    
82.    
83.     /**  
84.      * 带有\n换行符的字符串都可以用此方法显示2种颜色  
85.      * @param text  
86.      * @param color1  
87.      * @param color2  
88.      * @return  
89.      */    
90.     public SpannableStringBuilder highlight(String text,int color1,int color2,int fontSize){    
91.         SpannableStringBuilder spannable=new SpannableStringBuilder(text);//用于可变字符串    
92.         CharacterStyle span_0=null,span_1=null,span_2;    
93.         int end=text.indexOf("\n");    
94.         if(end==-1){//如果没有换行符就使用第一种颜色显示    
95.             span_0=new ForegroundColorSpan(color1);    
96.             spannable.setSpan(span_0, 0, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
97.         }else{    
98.             span_0=new ForegroundColorSpan(color1);    
99.             span_1=new ForegroundColorSpan(color2);    
100.             spannable.setSpan(span_0, 0, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
101.             spannable.setSpan(span_1, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
102.                 
103.             span_2=new AbsoluteSizeSpan(fontSize);//字体大小    
104.             spannable.setSpan(span_2, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
105.         }    
106.         return spannable;    
107.     }