Android中如何实现textView图文混排

项目中我们经常会碰到这样或是那样的需要图文混排的情况,比如聊天中需要插入表情等等,一行文字到结尾之后显示省略号或是添加一个图片什么的。像这样的情况下我们就需要针对做图文混排了。下面直接上代码


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.pic);
						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);
				}
			}
		});
	}
 
 
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);
}






你可能感兴趣的:(下划线,textView图文混排,文字高亮)