SpannableStringBuilder设置字符串不同颜色和大小

一、背景介绍

在开发中产品会提出各种文字颜色大小各不相同的文案拼接在一起，比如

  
，可以看到‘马上下单’文字大小较大、字体颜色黑色，而’（立享200元优惠）‘字体大小较小，字体颜色红色。当然 我们可以用不同的多个TextView来实现，对于每个TextView设置不同的字体风格以满足需求，但不好的地方显而易见。

我们可以使用SpannableString、SpannableStringBuilder进行拼接实现需求，SpannableStringBuilder可以用来设置不同的Span，这些Span便是用于实现Rich Text，比如粗体，斜体，前景色，背景色，字体大小，字体风格等等

二、实现效果

[java] view
plain copy

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);