網(wǎng)站首頁 編程語言 正文
需求是需要在TextView前端加入一個(gè)標(biāo)簽展示。
最終效果圖如下:
根據(jù)效果圖,很容易就能想到使用SpannableStringBuilder,在這里使用到的就是LeadingMarginSpan這個(gè)類了。
官方說明: A paragraph style affecting the leading margin. There can be multiple leading margin spans on a single paragraph; they will be rendered in order, each adding its margin to the ones before it. The leading margin is on the right for lines in a right-to-left paragraph.
LeadingMarginSpans should be attached from the first character to the last character of a single paragraph.
簡(jiǎn)單說,就是設(shè)置段落的縮進(jìn)距離。
相關(guān)API使用:
val spannableString = SpannableString(text)
val what = LeadingMarginSpan.Standard(width, 0)
spannableString.setSpan(what, 0, spannableString.length, SpannableString.SPAN_INCLUSIVE_INCLUSIVE)
LeadingMarginSpan是接口,內(nèi)部的Standard是它的標(biāo)準(zhǔn)實(shí)現(xiàn)方式。有兩個(gè)構(gòu)造方法,Standard(int every)和Standard(int first, int rest)。Standard(int every)是給每一行都設(shè)置同樣的縮進(jìn)距離,而Standard(int first, int rest)是給第一行和其他行分別設(shè)置縮進(jìn)距離。我們這里使用的就是Standard(int first, int rest)實(shí)現(xiàn)方式了。 接下來setSpan方法,如果有使用過其他的ForegroundColorSpan、AbsoluteSizeSpan等span就不陌生了。傳入四個(gè)參數(shù),第一個(gè)參數(shù)就是創(chuàng)建出來的Span,第二個(gè)參數(shù)和第三個(gè)參數(shù)為Span作用的范圍,第四個(gè)參數(shù)表示是否包含前后邊界,INCLUSIVE就是表示包含邊界,EXCLUSIVE就是不包含邊界了。
知道了怎么設(shè)置縮進(jìn)距離之后,接下去就是要獲取到標(biāo)簽的寬度。標(biāo)簽是View,只有在View渲染完成之后才能獲取到準(zhǔn)確的寬度。這里使用的方法就是獲取到標(biāo)簽View的viewTreeObserver,然后addOnPreDrawListener,需要注意獲取到寬度之后就及時(shí)removeOnPreDrawListener。具體實(shí)現(xiàn)如下:
class MainActivity2 : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val tv1 = findViewById<TextView>(R.id.tv1)
val tv2 = findViewById<TextView>(R.id.tv2)
tv1.text = "New"
calculateTag(tv1, tv2, "This is a long long long long title")
}
//動(dòng)態(tài)設(shè)置縮進(jìn)距離
fun calculateTag(tag: TextView, title: TextView, text: String?) {
val observer = tag.viewTreeObserver
observer.addOnPreDrawListener(object : ViewTreeObserver.OnPreDrawListener {
override fun onPreDraw(): Boolean {
val spannableString = SpannableString(text)
val what = LeadingMarginSpan.Standard(tag.width + dip2px(this@MainActivity2, 3.0), 0)
spannableString.setSpan(
what,
0,
spannableString.length,
SpannableString.SPAN_INCLUSIVE_INCLUSIVE
)
title.text = spannableString
tag.viewTreeObserver.removeOnPreDrawListener(
this
)
return false
}
})
}
fun dip2px(context: Context, dpValue: Double): Int {
val density: Float = context.resources.displayMetrics.density
return (dpValue * density + 0.5).toInt()
}
}
布局文件:
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"> <FrameLayout android:layout_width="200dp" android:layout_height="wrap_content" android:layout_marginStart="10dp" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent"> <TextView android:id="@+id/tv1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:layout_marginEnd="3dp" android:background="@drawable/bg_tag" android:includeFontPadding="false" android:paddingHorizontal="2dp" android:textColor="@color/white" android:textSize="13sp" /> <TextView android:id="@+id/tv2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="17sp" android:textStyle="normal" /> </FrameLayout> </androidx.constraintlayout.widget.ConstraintLayout>
總結(jié)
原文鏈接:https://juejin.cn/post/7087842302109941796
相關(guān)推薦
- 2023-03-28 react-redux的connect用法詳解_React
- 2022-06-30 深度卷積神經(jīng)網(wǎng)絡(luò)各種改進(jìn)結(jié)構(gòu)塊匯總_其它綜合
- 2022-12-28 Qt開發(fā)之QTreeWidget的使用教程詳解_C 語言
- 2022-08-29 Oracle中日期的使用方法實(shí)例_oracle
- 2023-02-02 Nginx?error_page自定義錯(cuò)誤頁面設(shè)置過程_nginx
- 2023-05-31 Pandas中map(),applymap(),apply()函數(shù)的使用方法_python
- 2022-06-06 SpringBoot、SpringCloud、SpringCloudAlibaba的版本對(duì)應(yīng)關(guān)系
- 2022-09-18 Golang?模塊引入及表格讀寫業(yè)務(wù)快速實(shí)現(xiàn)示例_Golang
- 最近更新
-
- window11 系統(tǒng)安裝 yarn
- 超詳細(xì)win安裝深度學(xué)習(xí)環(huán)境2025年最新版(
- Linux 中運(yùn)行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲(chǔ)小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎(chǔ)操作-- 運(yùn)算符,流程控制 Flo
- 1. Int 和Integer 的區(qū)別,Jav
- spring @retryable不生效的一種
- Spring Security之認(rèn)證信息的處理
- Spring Security之認(rèn)證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權(quán)
- redisson分布式鎖中waittime的設(shè)
- maven:解決release錯(cuò)誤:Artif
- restTemplate使用總結(jié)
- Spring Security之安全異常處理
- MybatisPlus優(yōu)雅實(shí)現(xiàn)加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務(wù)發(fā)現(xiàn)-Nac
- Spring Security之基于HttpR
- Redis 底層數(shù)據(jù)結(jié)構(gòu)-簡(jiǎn)單動(dòng)態(tài)字符串(SD
- arthas操作spring被代理目標(biāo)對(duì)象命令
- Spring中的單例模式應(yīng)用詳解
- 聊聊消息隊(duì)列,發(fā)送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠(yuǎn)程分支