您的位置:首页 > 产品设计 > UI/UE

Android 图文混排spannableStringBuilder简单使用

2016-04-27 21:19 691 查看
tvSpan = (TextView) findViewById(R.id.span);
String name = "小明";
String receiverName = "小红";
String expristion = "  b/12";
String receiver = "-回复:";
int len;//记录长度
//初始化对象
SpannableStringBuilder sb = new SpannableStringBuilder();
//发送人
sb.append(name);
sb.setSpan(new BackgroundColorSpan(Color.GREEN),//背景
0, name.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);//自动删除
sb.setSpan(new ForegroundColorSpan(Color.BLUE),//字体颜色
0, name.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
//回复
sb.append(receiver);
sb.setSpan(new ForegroundColorSpan(Color.RED), name.length(), sb.length(), Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
len = sb.length();
//接收人
sb.append(receiverName);
sb.setSpan(new StyleSpan(Typeface.BOLD), len, sb.length(), Spannable.SPAN_POINT_POINT);//加粗
sb.setSpan(new ForegroundColorSpan(Color.DKGRAY), len, sb.length(), Spannable.SPAN_POINT_POINT);//颜色
sb.setSpan(new UnderlineSpan(), len, sb.length(), Spannable.SPAN_POINT_POINT);//下划线
len = sb.length();
//获取图片
Drawable d = getResources().getDrawable(R.drawable.ic_launcher) ;
d.setBounds(0, 0,d.getIntrinsicWidth(), d.getIntrinsicHeight());//设置图片大小
sb.append(expristion);
sb.setSpan(new ImageSpan(d), len, sb.length(), Spannable.SPAN_COMPOSING);
tvSpan.setText(sb);


效果



背景色是跟着图片拉长的。只要控制好图片大小就可以了。

总结一下:spannableStringBuilder使用,最后一定要放在一个textview中显示。

网上搜集的方法:

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()); //实现文本的滚动
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: