Android 在同一個TextView中展示不同顏色、不同字體大小

同一個TextView中展示不同顏色

xml代碼片段

 <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/tangram"
        android:layout_width="match_parent"
        android:layout_height="@dimen/x50"
        android:gravity="center"
        android:text="" />

 <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/tangram1"
        android:layout_width="match_parent"
        android:layout_height="@dimen/x50"
        android:gravity="center"
        android:text="" />

kotlin代碼片段
①通過Html.fromHtml()來實現

        tangram.text =  Html.fromHtml("<font color=\"#FFA500\">登錄</font><font color=\"#0000FF\">即代表同意</font><font color=\"#ADFF2F\">《用戶使用協議》</font>")

②通過SpannableString來實現

  val spannableString = SpannableString("登錄即代表同意《用戶使用協議》")
        spannableString.setSpan(
            ForegroundColorSpan(Color.parseColor("#FFA500")),
            0, 2,
            Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
        )
        spannableString.setSpan(
            ForegroundColorSpan(Color.parseColor("#0000FF")),
            2, 7,
            Spanned.SPAN_INCLUSIVE_INCLUSIVE
        )
        spannableString.setSpan(
            ForegroundColorSpan(Color.parseColor("#ADFF2F")),
            7, spannableString.length,
            Spanned.SPAN_EXCLUSIVE_INCLUSIVE
        )
        tangram1.text = spannableString

setSpan方法有四個參數,ForegroundColorSpan是爲文本設置前景色,也就是文字顏色。如果要爲文字添加背景顏色,可替換爲BackgroundColorSpan。

Spanned.SPAN_INCLUSIVE_EXLUSIVE 從起始下標到終了下標,包括起始下標
Spanned.SPAN_INCLUSIVE_INCLUSIVE 從起始下標到終了下標,同時包括起始下C標和終了下標
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE 從起始下標到終了下標,但都不包括起始下標和終了下標
Spanned.SPAN_EXCLUSIVE_INCLUSIVE 從起始下標到終了下標,包括終了下標
如圖:
在這裏插入圖片描述

同一TextView中展示不同字體大小

①Html.fromHtml()是不支持用size屬性設置字體的大小的,只能使用標籤進行格式化。
通過使用big、small來實現

        tangram.text = Html.fromHtml("登錄即代表同意<font color= \"#0000FF\"><small>《用戶使用協議》</small></font>")
        tangram1.text = Html.fromHtml("登錄即代表同意<font color= \"#0000FF\"><big>《用戶使用協議》</big></font>")

如圖
在這裏插入圖片描述
big、small 可以接連使用

 tangram.text = Html.fromHtml("登錄即代表同意<font color= \"#0000FF\"><small><small>《用戶使用協議》</small><small></font>")
 tangram1.text = Html.fromHtml("登錄即代表同意<font color= \"#0000FF\"><big><big>《用戶使用協議》<big></big></font>")

②通過SpannableString實現

        val spannableString = SpannableString("登錄即代表同意《用戶使用協議》")
        spannableString.setSpan(
            AbsoluteSizeSpan(28),
            0, 2,
            Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
        )
        spannableString.setSpan(
            AbsoluteSizeSpan(18),
            2, 7,
            Spanned.SPAN_INCLUSIVE_INCLUSIVE
        )
        spannableString.setSpan(
            AbsoluteSizeSpan(38),
            7, spannableString.length,
            Spanned.SPAN_EXCLUSIVE_INCLUSIVE
        )
        tangram1.text = spannableString

如圖:
在這裏插入圖片描述

瞭解更多SpannableString知識,可查看以下文檔:

https://blog.csdn.net/jdsjlzx/article/details/19122103
https://blog.csdn.net/zuo_er_lyf/article/details/80340819
https://blog.csdn.net/lukejunandroid/article/details/25892737

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章