使用android SpannableStringBuilder实现图文混排，看到许多其他

项目开发需要达到这种效果

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZmFuY3lsb3ZlamF2YQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

多余两行，两行最后是省略号，省略号后面是下拉很多其它

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

可是这里须要在最后文字的省略号后面加入图片。

直接上代码吧，代码凝视非常多，慢慢研究

private void toggleEllipsize(final TextView tv,final String desc){
		if(desc == null){
		return;
		}
		tv.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {

			@Override
			public void onGlobalLayout() {
				boolean isEllipsized = (tv.getTag()==null||tv.getTag().equals(false))?

false:(Boolean)tv.getTag();
				if(isEllipsized){
					tv.setTag(false);
				tv.setText(desc);
				}else{
				tv.setTag(true);
				int paddingLeft = tv.getPaddingLeft();
				int paddingRight = tv.getPaddingRight();
				TextPaint paint = tv.getPaint();
				float moreText = tv.getTextSize()*3;
				float availableTextWidth = (tv.getWidth()-paddingLeft-paddingRight)*2-moreText;

				CharSequence ellipsizeStr = TextUtils.ellipsize(desc,paint,availableTextWidth,TextUtils.TruncateAt.END);
				if(ellipsizeStr.length()<desc.length()){
					/*String html = "<img src='game_info_lookmore'/>";
					CharSequence charSequence = Html.fromHtml(html, new ImageGetter() {

						@Override
						public Drawable getDrawable(String source) {
							Drawable drawable = getResources().getDrawable(
									getResourceId(source));
							drawable.setBounds(
									0,
									0,
									drawable.getIntrinsicWidth()
											- DensityUtil.dip2px(GridGameInfoActivity.this, 3),
									drawable.getIntrinsicHeight()
											- DensityUtil.dip2px(GridGameInfoActivity.this, 1));
							return drawable;
						}
					}, null);
					ellipsizeStr = ellipsizeStr.toString() + charSequence.toString();*/

					CharSequence temp = ellipsizeStr+".";
					SpannableStringBuilder ssb = new SpannableStringBuilder(temp);
					Drawable dd = getResources().getDrawable(R.drawable.game_info_lookmore);
					dd.setBounds(0, 0, dd.getIntrinsicWidth(), dd.getIntrinsicHeight());
					ImageSpan is = new ImageSpan(dd, ImageSpan.ALIGN_BASELINE);
					ssb.setSpan(is, temp.length()-1, temp.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

//					int yellow = getResources().getColor(R.color.red);
//					ssb.setSpan(new ForegroundColorSpan(yellow),ssb.length()-2,ssb.length(),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
					tv.setText(ssb);
					tv.setMovementMethod(LinkMovementMethod.getInstance());
				}else{
					tv.setText(desc);
				}
				}
				if(Build.VERSION.SDK_INT>=16){
					tv.getViewTreeObserver().removeOnGlobalLayoutListener(this);
				}else{
					tv.getViewTreeObserver().removeGlobalOnLayoutListener(this);
				}
			}
		});
		}

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

不让...很多其它

转篇博客：

Android spannableStringBuilder使用方法整理

spannableStringBuilder 使用方法具体解释：
 SpannableString ss = new SpannableString("红色打电话斜体删除线绿色下划线图片:.");
         //用颜色标记文本
         ss.setSpan(new ForegroundColorSpan(Color.RED), 0, 2,
                 //setSpan时须要指定的 flag,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包含).
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //用超链接标记文本
         ss.setSpan(new URLSpan("tel:4155551212"), 2, 5,
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //用样式标记文本（斜体）
         ss.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), 5, 7,
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //用删除线标记文本
         ss.setSpan(new StrikethroughSpan(), 7, 10,
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //用下划线标记文本
         ss.setSpan(new UnderlineSpan(), 10, 16,
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //用颜色标记
         ss.setSpan(new ForegroundColorSpan(Color.GREEN), 10, 13,
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //获取Drawable资源
         Drawable d = getResources().getDrawable(R.drawable.icon);
         d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());
         //创建ImageSpan
         ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);
         //用ImageSpan替换文本
         ss.setSpan(span, 18, 19, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
         txtInfo.setText(ss);
         txtInfo.setMovementMethod(LinkMovementMethod.getInstance()); //实现文本的滚动
通经常使用于显示文字，但有时候也须要在文字中夹杂一些图片，比方QQ中就能够使用表情图片，又比方须要的文字高亮显示等等。怎样在android中也做到这样呢？
记得android中有个android.text包，这里提供了对文本的强大的处理功能。
加入图片主要用SpannableString和ImageSpan类：

     Drawable drawable = getResources().getDrawable(id);
        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
        //须要处理的文本，[smile]是须要被替代的文本
        SpannableString spannable = new SpannableString(getText().toString()+"[smile]");
        //要让图片替代指定的文字就要用ImageSpan
        ImageSpan span = new ImageSpan(drawable, ImageSpan.ALIGN_BASELINE);
        //開始替换。注意第2和第3个參数表示从哪里開始替换到哪里替换结束（start和end）
       //最后一个參数相似数学中的集合,[5,12)表示从5到12，包含5但不包含12
        spannable.setSpan(span, getText().length(),getText().length()+"[smile]".length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
        setText(spannable);  

将须要的文字高亮显示： 

public void highlight(int start,int end){
        SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());//用于可变字符串
        ForegroundColorSpan span=new ForegroundColorSpan(Color.RED);
        spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        setText(spannable);
    }  

加下划线： 

public void underline(int start,int end){
        SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());
        CharacterStyle span=new UnderlineSpan();
        spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        setText(spannable);
    }  

组合运用：

SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());
        CharacterStyle span_1=new StyleSpan(android.graphics.Typeface.ITALIC);
        CharacterStyle span_2=new ForegroundColorSpan(Color.RED);
        spannable.setSpan(span_1, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        spannable.setSpan(span_2, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        setText(spannable);  

案例：带有\n换行符的字符串都能够用此方法显示2种颜色

    /**
     * 带有\n换行符的字符串都能够用此方法显示2种颜色
     * @param text
     * @param color1
     * @param color2
     * @return
     */
    public SpannableStringBuilder highlight(String text,int color1,int color2,int fontSize){
        SpannableStringBuilder spannable=new SpannableStringBuilder(text);//用于可变字符串
        CharacterStyle span_0=null,span_1=null,span_2;
        int end=text.indexOf("\n");
        if(end==-1){//假设没有换行符就使用第一种颜色显示
            span_0=new ForegroundColorSpan(color1);
            spannable.setSpan(span_0, 0, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        }else{
            span_0=new ForegroundColorSpan(color1);
            span_1=new ForegroundColorSpan(color2);
            spannable.setSpan(span_0, 0, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
            spannable.setSpan(span_1, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  

            span_2=new AbsoluteSizeSpan(fontSize);//字体大小
            spannable.setSpan(span_2, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
        return spannable;
    }

有疑问能够留言，交流讨论

复制去Google翻译翻译结果

版权声明：本文博客原创文章。博客，未经同意，不得转载。