Android中TextView動態(tài)設(shè)置縮進(jìn)距離的方法

更新時(shí)間：2022年04月24日 16:24:51 作者：愿天深海

項(xiàng)目需求如果在項(xiàng)目中第一行文字需要添加布局的情況我們應(yīng)該怎么做呢,經(jīng)過一番考慮和查找我最終選擇了縮進(jìn)的方式解決這個(gè)問題,這篇文章主要給大家介紹了關(guān)于Android中TextView動態(tài)設(shè)置縮進(jìn)距離的相關(guān)資料,需要的朋友可以參考下

需求是需要在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.

簡單說，就是設(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")
    }

    //動態(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é)

到此這篇關(guān)于Android中TextView動態(tài)設(shè)置縮進(jìn)距離的文章就介紹到這了,更多相關(guān)Android TextView縮進(jìn)距離內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: