Android中TextView动态设置缩进距离的方法

 更新时间:2022年04月24日 16:24:51   作者:愿天深海  
项目需求如果在项目中第一行文字需要添加布局的情况我们应该怎么做呢,经过一番考虑和查找我最终选择了缩进的方式解决这个问题,这篇文章主要给大家介绍了关于Android中TextView动态设置缩进距离的相关资料,需要的朋友可以参考下

需求是需要在TextView前端加入一个标签展示。

最终效果图如下:

根据效果图,很容易就能想到使用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是接口,内部的Standard是它的标准实现方式。有两个构造方法,Standard(int every)和Standard(int first, int rest)。Standard(int every)是给每一行都设置同样的缩进距离,而Standard(int first, int rest)是给第一行和其他行分别设置缩进距离。我们这里使用的就是Standard(int first, int rest)实现方式了。 接下来setSpan方法,如果有使用过其他的ForegroundColorSpan、AbsoluteSizeSpan等span就不陌生了。传入四个参数,第一个参数就是创建出来的Span,第二个参数和第三个参数为Span作用的范围,第四个参数表示是否包含前后边界,INCLUSIVE就是表示包含边界,EXCLUSIVE就是不包含边界了。

知道了怎么设置缩进距离之后,接下去就是要获取到标签的宽度。标签是View,只有在View渲染完成之后才能获取到准确的宽度。这里使用的方法就是获取到标签View的viewTreeObserver,然后addOnPreDrawListener,需要注意获取到宽度之后就及时removeOnPreDrawListener。具体实现如下:

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")
    }

    //动态设置缩进距离
    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动态设置缩进距离的文章就介绍到这了,更多相关Android TextView缩进距离内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android工具类整合教程

    Android工具类整合教程

    这篇文章主要介绍了Android工具类整合教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2020-09-09
  • Android开发之ProgressDialog进度对话框用法示例

    Android开发之ProgressDialog进度对话框用法示例

    这篇文章主要介绍了Android开发之ProgressDialog进度对话框用法,简单介绍了ProgressDialog进度对话框常见函数功能,并结合实例形式分析了ProgressDialog组件创建及使用进度对话框相关操作技巧,需要的朋友可以参考下
    2019-03-03
  • Android编程实现换肤功能实例

    Android编程实现换肤功能实例

    这篇文章主要介绍了Android编程实现换肤功能的方法,结合实例形式较为详细的分析了Android换肤的具体步骤与相关技巧,需要的朋友可以参考下
    2015-12-12
  • Android Studio实现带边框的圆形头像

    Android Studio实现带边框的圆形头像

    这篇文章主要为大家详细介绍了Android Studio实现带边框的圆形头像,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • 二个android模拟器互发短信程序演示

    二个android模拟器互发短信程序演示

    二个android模拟器互发送短信程序示例,大家参考使用吧
    2013-12-12
  • android自定义view实现数字进度条

    android自定义view实现数字进度条

    这篇文章主要为大家详细介绍了android自定义view实现数字进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • Android 高仿微信语音聊天页面高斯模糊(毛玻璃效果)

    Android 高仿微信语音聊天页面高斯模糊(毛玻璃效果)

    大家在使用微信聊天的时候有没有注意到微信语言聊天用的是高斯模糊效果,基于代码是如何实现的呢?下面小编给大家带来了Android 高仿微信语音聊天页面高斯模糊(毛玻璃效果),感兴趣的朋友一起看下吧
    2016-08-08
  • Android StepView实现物流进度效果

    Android StepView实现物流进度效果

    这篇文章主要为大家详细介绍了Android StepView实现物流进度效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • Android APP存活检测方式

    Android APP存活检测方式

    这篇文章主要介绍了Android APP存活检测方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • 读写Android中assets目录下的文件的方法详解

    读写Android中assets目录下的文件的方法详解

    这篇文章主要介绍了读写Android中assets目录下的文件的方法详解,assets和res/raw工程目录下都可以放一些文件,这些文件将被打包到APK中应用使用,需要的朋友可以参考下
    2016-04-04

最新评论