一、背景介绍
在开发中产品会提出各种文字颜色大小各不相同的文案拼接在一起,比如
,可以看到‘马上下单’文字大小较大、字体颜色黑色,而’(立享200元优惠)‘字体大小较小,字体颜色红色。当然 我们可以用不同的多个TextView来实现,对于每个TextView设置不同的字体风格以满足需求,但不好的地方显而易见。
我们可以使用SpannableString、SpannableStringBuilder进行拼接实现需求,SpannableStringBuilder可以用来设置不同的Span,这些Span便是用于实现Rich Text,比如粗体,斜体,前景色,背景色,字体大小,字体风格等等
二、实现效果
String beforeText = "马上下单";
String afterText = "(立享200元优惠)";
int beforeColor = "#000000";
int afterColor = "#ff0000";
int beforeSize = 20;
int afterSize = 15;
SpannableStringBuilder builder = new SpannableStringBuilder(beforeText); //创建SpannableStringBuilder,并添加前面文案
builder.setSpan(new ForegroundColorSpan(Color.parseColor(beforeColor)), 0, beforeText.length(), Spannable.SPAN_EXCLUSIVE_INCLUSIVE); //设置前面的字体颜色
builder.setSpan(new AbsoluteSizeSpan(beforeSize, true), 0, beforeText.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE); //设置前面的字体大小
builder.append(afterText); //追加后面文案
builder.setSpan(new ForegroundColorSpan(Color.parseColor(afterColor)),beforeText.length(), builder.length(), Spannable.SPAN_EXCLUSIVE_INCLUSIVE); //设置后面的字体颜色
builder.setSpan(new AbsoluteSizeSpan(afterSize, true), beforeText.length(), builder.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);//设置后面的字体大小
tv.setText(builder);
String beforeText = "马上下单";
String afterText = "(立享200元优惠)";
int beforeColor = "#000000";
int afterColor = "#ff0000";
int beforeSize = 20;
int afterSize = 15;
SpannableStringBuilder builder = new SpannableStringBuilder(beforeText); //创建SpannableStringBuilder,并添加前面文案
builder.setSpan(new ForegroundColorSpan(Color.parseColor(beforeColor)), 0, beforeText.length(), Spannable.SPAN_EXCLUSIVE_INCLUSIVE); //设置前面的字体颜色
builder.setSpan(new AbsoluteSizeSpan(beforeSize, true), 0, beforeText.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE); //设置前面的字体大小
builder.append(afterText); //追加后面文案
builder.setSpan(new ForegroundColorSpan(Color.parseColor(afterColor)),beforeText.length(), builder.length(), Spannable.SPAN_EXCLUSIVE_INCLUSIVE); //设置后面的字体颜色
builder.setSpan(new AbsoluteSizeSpan(afterSize, true), beforeText.length(), builder.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);//设置后面的字体大小
tv.setText(builder);