SpannableString詳解

一、什麼是SpannableString

SpannableString是Android中一個用於文本內樣式和格式化的類，通過它可以讓文本實現更加豐富的顯示效果。SpannableString中的文本可以同時擁有不同的樣式和格式，比如不同的顏色、字體、大小、超鏈接等等。

在Android開發中，我們可以使用SpannableString或其子類SpannableStringBuilder來創建一個包含多種不同樣式的字符串文本，在 TextView、EditText 等中顯示出來。

二、SpannableString的常用屬性

SpannableString的屬性主要有四種：

1. ForegroundColorSpan

可以修改一串文本的顏色

SpannableString spannableString = new SpannableString("設置文本的顏色");
ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.RED);
spannableString.setSpan(colorSpan, 2, 5, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

2. RelativeSizeSpan

可以修改字體大小，相對原始字體大小倍數

SpannableString spannableString = new SpannableString("相對大小");
RelativeSizeSpan sizeSpan01 = new RelativeSizeSpan(1.2f);
RelativeSizeSpan sizeSpan02 = new RelativeSizeSpan(1.4f);
RelativeSizeSpan sizeSpan03 = new RelativeSizeSpan(1.6f);
RGBColorSpan colorSpan01 = new RGBColorSpan(getResources().getColor(R.color.colorAccent));
RGBColorSpan colorSpan02 = new RGBColorSpan(getResources().getColor(R.color.colorPrimary));
spannableString.setSpan(sizeSpan01,0,4,Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(sizeSpan02,4,6,Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(colorSpan01,0,3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(colorSpan02,4,7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
textView.setText(spannableString);

3. StyleSpan

可以修改字體樣式，比如粗體、斜體等

SpannableString spannableString = new SpannableString("粗體、斜體");
StyleSpan styleSpan_B = new StyleSpan(Typeface.BOLD);
StyleSpan styleSpan_I = new StyleSpan(Typeface.ITALIC);
spannableString.setSpan(styleSpan_B,0,2,Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(styleSpan_I,3,5,Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
textView.setText(spannableString);

4. ClickableSpan

可以為文本添加點擊事件

SpannableString spannableString = new SpannableString("點擊事件");
ClickableSpan clickableSpan = new ClickableSpan() {
    @Override
    public void onClick(View widget) {
        Toast.makeText(MainActivity.this,"點擊事件",Toast.LENGTH_SHORT).show();
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        super.updateDrawState(ds);
        ds.setUnderlineText(false);
    }
};
spannableString.setSpan(clickableSpan,0,4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
textView.setMovementMethod(LinkMovementMethod.getInstance());
textView.setText(spannableString);

三、SpannableString的使用場景

1. 富文本效果

在需要添加下劃線、加粗、改變顏色等樣式的情況下，使用SpannableString可以比較方便的實現這些富文本效果。

2. 消息氣泡

在聊天系統中，可以利用SpannableString來實現各種形狀的氣泡。通過設置背景顏色和圓角矩形等方式來實現不同的氣泡效果。

3.卡片結構

在一些app中，可以使用SpannableString來實現文字和圖片混排，從而實現類似於卡片的結構，界面更加美觀。

四、總結

SpannableString提供了豐富的富文本效果，可以輕鬆實現各種樣式的文本，為我們的應用程序帶來更多的設計效果。