效果图如下:
一。实现方式
android对于TextView的图文混排有好几种方式,我采用的是textview加载html标签的方式实现,在实现的过程中,遇到了比较多的问题,具体的问题是,在使用html的font
标签时,发现不可以设置它的背景颜色,只能设置颜色和一些字体的样式,查阅一些资料,发现BackgroundColorSpan这个类可以设置部分字体的背景色,具体api使用如下:
Spannable wordtoSpan = new SpannableString(text);
wordtoSpan.setSpan(new BackgroundColorSpan(Color.RED), 0, reward.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
刚开始要创建Spannbale对象,然后在给这个对象设置一个字体背景颜色的对象,具体的传入参数是,字体颜色,需要改变的文字的字体的起始长度,通过这种方式就可以为textview部分字体设置背景颜色。
二。具体图文混排代码如下:
String html="<font color = \"#ffffff\">" + (price > 0 ? reward : "");
if (data.isHas_image()){
html = html + "</font> " + "<img src=‘strawberry’>" + " <font>" + data.getKeyword() + "</font>";
}else {
html = html + "</font> " + "<font>" + data.getKeyword() + "</font>";
}
CharSequence text= Html.fromHtml(html, new Html.ImageGetter() {
public Drawable getDrawable(String source) {
//根据图片资源ID获取图片
if(source.equals("‘strawberry’")){
Drawable draw=mContext.getResources().getDrawable(R.mipmap.figure);
draw.setBounds(0, 0, draw.getIntrinsicWidth(), draw.getIntrinsicHeight());
return draw;
}
return null;
}
}, null);