Android學習之Span的使用方法詳解
Span集合
段落類Span
BulletSpan
為段落開頭增加項目符號并支持大小、顏色、弧度
span.append(SpannableString("BulletSpan").also { it.setSpan(BulletSpan(40, Color.RED), 0, 10, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) })
QuoteSpan
為段落開頭增加垂直引用線
span.append(SpannableString("\nQuoteSpan").also { it.setSpan(QuoteSpan(Color.BLUE), 0, 9, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) })
AlignmentSpan
影響段落對齊方式,支持三種模式:常規(guī)、居中、反方向對齊
span.append(SpannableString("\nAlignmentSpan ALIGN_CENTER").also { it.setSpan( AlignmentSpan.Standard(Layout.Alignment.ALIGN_CENTER), 0, "AlignmentSpan ALIGN_CENTER".length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE ) })
UnderlineSpan
為文本段落增加下劃線
span.append(SpannableString("\nUnderlineSpan").also { it.setSpan( UnderlineSpan(), 0, "UnderlineSpan".length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE ) })
StrikethroughSpan
為文本段落增加刪除線
span.append(SpannableString("\nStrikethroughSpan").also { it.setSpan( StrikethroughSpan(), 0, "StrikethroughSpan".length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE ) })
SubscriptSpan
為文本段落實現(xiàn)下標字符效果,縮小文本大小。
span.append(SpannableString("\n123SubscriptSpan456").also { it.setSpan( SubscriptSpan(), 3, "SubscriptSpan".length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE ) })
SuperscripSpan
為文本段落實現(xiàn)上標字符效果,縮小文本大小。
span.append(SpannableString("\n123SuperscriptSpan456").also { it.setSpan( SuperscriptSpan(), 3, "SuperscriptSpan".length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE ) })
TextApperanceSpan
根據(jù)配置文件信息為文本添加樣式,可塑性更方便易用和復寫。
span.append(SpannableString("\nTextAppearanceSpan").also { it.setSpan( TextAppearanceSpan(this@FuncSpannableAc,R.style.specialTextAppearance), 0, "TextAppearanceSpan".length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE ) })
結合xml文件樣式配置使用
<style name="specialTextAppearance" parent="@android:style/TextAppearance"> <item name="android:textColor">@android:color/holo_red_dark</item> <item name="android:textColorHighlight">@android:color/holo_blue_bright</item> <item name="android:textColorHint">@color/purple_700</item> <item name="android:textColorLink">@color/purple_200</item> <item name="android:textSize">20sp</item> <item name="android:textStyle">italic</item> </style>
其他Span
BackgroundColorSpan
為文本段落增加背景色效果。
span.setSpan(BackgroundColorSpan(Color.BLUE), 0, 9, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
ForegroundColorSpan
修改文本顏色,主要是因為在一個段落中可能需要修改某幾個字符顏色。
span.setSpan(ForegroundColorSpan(Color.RED), 0, 9, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
TextClickableSpan
為文本段落增加可點擊,可以理解為自定義的URLSpan。因此點擊事件需要開發(fā)者自定義繼承實現(xiàn)ClickableSpan
。
span.setSpan(TextClickableSpan(), 10, 19, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) class TextClickableSpan : ClickableSpan() { override fun onClick(widget: View) { Toast.makeText(widget.context, "TextClickSpan", Toast.LENGTH_SHORT).show() } }
URLSpan
為文本段落增加超鏈接點擊功能,可跳轉到網(wǎng)頁(外置瀏覽器形式)。
另外一個小TipssetSpan
是可以在同一下標設置多重樣式效果。例如URLSpan
和ForegroundColorSpan
可重疊使用,原URLSpan
超鏈接的文本顏色需要替換結合ForegroundColorSpan
就能實現(xiàn)。
span.setSpan( URLSpan("https://www.baidu.com"), 20, 23, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE ) // 嘗試超鏈接是否可以修改顏色(結果是可以說明和上述BackgroundColorSpan和ForegroundColorSpan一樣) span.setSpan(ForegroundColorSpan(Color.RED), 20, 23, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
StyleSpan
修改文本段落樣式,可設置樣式較為有限。一般還是推薦使用TextApperanceSpan可配置項更多
span.setSpan(StyleSpan(Typeface.BOLD), 38, 47, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
ImageSpan
支持在段落中插入圖片資源,支持類型包括可以是Bitmap
圖片資源、ResourceId
資源文件又或者是本地文件Uri
資源。
span.setSpan( ImageSpan(this, R.mipmap.ic_launcher, DynamicDrawableSpan.ALIGN_BASELINE), 47, 48, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE )
展示效果
小試牛刀
對于長文本內容需要設置多種樣式時盡量使用SpannableStringBuilder
方便定位每個新增setSpan的下標而不需要使用SpannableString
來計算定位每個位置來確認樣式(容易出錯)可以避免需要不必要麻煩和錯誤。
var spannableString = SpannableString("ColorSpan ClickSpan URL UnderlineSpan StyleSpan ") spannableString.also { span -> span.setSpan(BackgroundColorSpan(Color.BLUE), 0, 9, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) span.setSpan(ForegroundColorSpan(Color.RED), 0, 9, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) ...... }
var spannableString2 = SpannableStringBuilder("") spannableString2.also { span -> span.append(SpannableString("BulletSpan").also { it.setSpan(BulletSpan(40, Color.RED), 0, 10, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) }) span.append(SpannableString("\nQuoteSpan").also { it.setSpan(QuoteSpan(Color.BLUE), 0, 9, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) }) }
兩者代碼一對比就能知道采用SpannableStringBuilder
形式代碼結構和可讀性以及出現(xiàn)樣式定位錯誤的情況會小很多。
如圖所示過去對于這種樣式開發(fā)者或許會選擇使用兩個TextView
來實現(xiàn),前面為固定文本后面是參數(shù)內容。在了解如何使用Span為TextView增加樣式只需一個TextView
就能實現(xiàn),同時也減輕一些業(yè)務開發(fā)量(當參數(shù)為空時整個view不展示、view布局關系依賴和層級更簡單等)
var spannableString3 = SpannableStringBuilder("") spannableString3.also { span -> span.append(SpannableString("人均費用:").also { it.setSpan(StyleSpan(Typeface.BOLD), 0, "人均費用".length + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) }) span.append(SpannableString("99元/人")) }
小結
學會使用Span
對于文本樣式開發(fā)會有所幫助,能夠快速開發(fā)易用方便的文本樣式效果。但對于其他一些效果或許無法達成例如形狀樣式結合文本共用同一個TextView
開發(fā)會存在困難。
到此這篇關于Android學習之Span的使用方法詳解的文章就介紹到這了,更多相關Android Span使用內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Android實現(xiàn)觸發(fā)html頁面的Button控件點擊事件方式
這篇文章主要介紹了Android實現(xiàn)觸發(fā)html頁面的Button控件點擊事件方式,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03Android 線程thread的兩種實現(xiàn)方法(必看)
下面小編就為大家?guī)硪黄狝ndroid 線程thread的兩種實現(xiàn)方法(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02怎樣實現(xiàn)android http-post方法實例說明
android http-post方法在開發(fā)中如何實現(xiàn),具體代碼如下,感興趣的朋友可以參考下哈,希望對大家有所幫助2013-06-06Android中TextView動態(tài)設置縮進距離的方法
項目需求如果在項目中第一行文字需要添加布局的情況我們應該怎么做呢,經(jīng)過一番考慮和查找我最終選擇了縮進的方式解決這個問題,這篇文章主要給大家介紹了關于Android中TextView動態(tài)設置縮進距離的相關資料,需要的朋友可以參考下2022-04-04Android獲取常用輔助方法(獲取屏幕高度、寬度、密度、通知欄高度、截圖)
我們需要獲取Android手機或Pad的屏幕的物理尺寸,以便于界面的設計或是其他功能的實現(xiàn)。下面就分享一下Android中常用的一些輔助方法2016-02-02