Android中TextView動態(tài)設置縮進距離的方法

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

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

需求是需要在TextView前端加入一個標簽展示。

最終效果圖如下：

根據(jù)效果圖，很容易就能想到使用SpannableStringBuilder，在這里使用到的就是LeadingMarginSpan這個類了。

官方說明： 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.

簡單說，就是設置段落的縮進距離。

相關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是它的標準實現(xiàn)方式。有兩個構造方法，Standard(int every)和Standard(int first, int rest)。Standard(int every)是給每一行都設置同樣的縮進距離，而Standard(int first, int rest)是給第一行和其他行分別設置縮進距離。我們這里使用的就是Standard(int first, int rest)實現(xiàn)方式了。接下來setSpan方法，如果有使用過其他的ForegroundColorSpan、AbsoluteSizeSpan等span就不陌生了。傳入四個參數(shù)，第一個參數(shù)就是創(chuàng)建出來的Span，第二個參數(shù)和第三個參數(shù)為Span作用的范圍，第四個參數(shù)表示是否包含前后邊界，INCLUSIVE就是表示包含邊界，EXCLUSIVE就是不包含邊界了。

知道了怎么設置縮進距離之后，接下去就是要獲取到標簽的寬度。標簽是View，只有在View渲染完成之后才能獲取到準確的寬度。這里使用的方法就是獲取到標簽View的viewTreeObserver，然后addOnPreDrawListener，需要注意獲取到寬度之后就及時removeOnPreDrawListener。具體實現(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)設置縮進距離
    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>

總結

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

您可能感興趣的文章: