在开发中,搜索到得关键字信息在展示时,通常需要标亮加粗,如下图(截取自蓝鲸医生助手搜索后的结果)
在文本中,关键字是“嘎”,所有“嘎”字都标亮加粗,标亮就是换种颜色。这里就要用到SpannableStringBuilder。首先SpannableString、SpannableStringBuilder基本上与String差不多,也是用来存储字符串,但它们俩的特殊就在于有一个SetSpan()函数,能给这些存储的String添加各种格式或者称样式(Span),将原来的String以不同的样式显示出来,比如在原来String上加下划线、加背景色、改变字体颜色、用图片把指定的文字给替换掉,等等。所以,总而言之,SpannableString、SpannableStringBuilder与String一样, 首先也是传字符串,但SpannableString、SpannableStringBuilder可以对这些字符串添加额外的样式信息,但String则不行。
SpannableString和SpannableStringBuilder的区别在于 SpannableString像一个String一样,构造对象的时候传入一个String,之后再无法更改String的内容,也无法拼接多个 SpannableString;而SpannableStringBuilder则更像是StringBuilder,它可以通过其append()方法来拼接多个String:
//使用SpannableString,只能作为构造函数参数传入 SpannableString word = new SpannableString("欢迎光临lsc183的博客"); //使用SpannableStringBuilder,可以使用append()再追加 SpannableStringBuilder multiWord = new SpannableStringBuilder(); multiWord.append("欢迎光临"); multiWord.append("lsc183的"); multiWord.append("博客");
SpannableString和SpannableStringBuilder通过TextView.setText()设置给TextView。
各种span设置:
在前面的一个小示例,大家应该也可以看出,要应用一个Span总共分三步:
1、构造String
2、构造Span
3、利用SetSpan()对指定范围的String应用这个Span
1、字体颜色设置(ForegroundColorSpan)
SpannableString spanString = new SpannableString("欢迎光临lsc183的博客"); //再构造一个改变字体颜色的Span ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE); //将这个Span应用于指定范围的字体 spanString.setSpan(span, 1, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE); //设置给EditText显示出来 editText.setText(spanString);
2、字体背景颜色(BackgroundColorSpan)
SpannableString spanString = new SpannableString("欢迎光临lsc183的博客"); BackgroundColorSpan span = new BackgroundColorSpan(Color.YELLOW); spanString.setSpan(span, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); editText.setText(spanString);
3、字体大小(AbsoluteSizeSpan)
SpannableString spanString = new SpannableString("欢迎光临lsc183的博客"); AbsoluteSizeSpan span = new AbsoluteSizeSpan(16); spanString.setSpan(span, 2, 5, Spannable.SPAN_INCLUSIVE_INCLUSIVE); editText.setText(spanString);
4、粗体、斜体(StyleSpan)
SpannableString spanString = new SpannableString("欢迎光临lsc183的博客"); StyleSpan span = new StyleSpan(Typeface.BOLD_ITALIC); spanString.setSpan(span, 1, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); editText.setText(spanString);
5、删除线(StrikethroughSpan)
SpannableString spanString = new SpannableString("欢迎光临lsc183的博客"); StrikethroughSpan span = new StrikethroughSpan(); spanString.setSpan(span, 2, 5, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); editText.setText(spanString);
6、下划线(UnderlineSpan)
SpannableString spanString = new SpannableString("欢迎光临lsc183的博客"); UnderlineSpan span = new UnderlineSpan(); spanString.setSpan(span, 1, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); editText.setText(spanString);
7、图片置换(ImageSpan)
SpannableString spanString = new SpannableString("欢迎光临lsc183的博客"); Drawable d = getResources().getDrawable(R.drawable.ic_launcher); d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight()); ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE); spanString.setSpan(span, 2, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); editText.setText(spanString);
如果要标亮的关键字不止一个,有多个呢,就像要标注“欢迎光临光临lsc183的博客,博客”,标注“博”呢,那就需要循环了。这里提供一个方法:
public static void setTextviewColorAndBold(TextView textView, String key, String value) { if (TCommUtil.isNull(value)) { return; } if (!TCommUtil.isNull(key)) { SpannableStringBuilder style = new SpannableStringBuilder(value); int index = value.indexOf(key); if (index >= 0) { while (index < value.length() && index >= 0) { style.setSpan(new ForegroundColorSpan(Color.rgb(0, 187, 33)), index, index + key.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); style.setSpan(new StyleSpan(Typeface.BOLD), index, index + key.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); textView.setText(style); index = value.indexOf(key, index + key.length()); } } else { textView.setText(value); } } else { textView.setText(value); } }
注:key要标亮的关键字,value文本内容。