Android TextView.setText() 引发的卡顿问题

在 Android 开发中，TextView 是一个非常基础和常用的用户界面组件，用于在屏幕上显示文本内容。TextView 继承自 View 类，并提供了展示文本以及相关样式处理的功能。

TextView 允许开发者在应用程序的用户界面中显示格式化的文本内容。它支持修改字体大小、字体颜色、文本对齐方式、行间距等多种属性来控制文本的显示样式。同时，TextView 也支持一些高级功能，如文本阴影、文本装饰（如下划线和删除线）、跑马灯效果（文本的滚动显示）等。

最近在检测性能中，发现 RecycleView 在滑动过程中的 TextView.setText() 有一些耗时，从主观上体验也会有一点卡顿，然后进入源码看看是怎么回事：

java 复制代码

    @UnsupportedAppUsage
    private void setText(CharSequence text, BufferType type,
                         boolean notifyBefore, int oldlen) {
        // ...
        if (mLayout != null) {
            checkForRelayout();
        }
    }

setText() 的代码量还不少，看到有个 checkForRelayout()，进去看看

java 复制代码

    @UnsupportedAppUsage
    private void checkForRelayout() {
        if ((mLayoutParams.width != LayoutParams.WRAP_CONTENT || //...)) {
            //...
            requestLayout();
            invalidate();
        } else {
            nullLayouts();
            requestLayout();
            invalidate();
        }
    }

在 checkForRelayout() 当中，是一定会调用 requestLayout() 的，也就是说 TextView.setText() 通常是会调用 requestLayout()

首先需要复习一下 Android 的布局流程

测量阶段（Measure） ：

在这个阶段，系统会根据视图的 LayoutParams 和父布局的规格，递归地计算出每一个视图的尺寸大小（即宽度和高度）。这个过程涉及到调用每个视图的 onMeasure(int widthMeasureSpec, int heightMeasureSpec) 方法。

布局阶段（Layout） ：

测量完成之后，系统会知道所有视图的大小，接下来就是确定它们在父布局中的位置。这个过程涉及到调用每个视图的 onLayout(boolean changed, int left, int top, int right, int bottom) 方法。

绘制阶段（Draw） ：

最后是绘制过程，系统会调用每个视图的 onDraw(Canvas canvas) 方法，将视图绘制到屏幕上。

当调用 requestLayout() 方法时 ，它会标记这个视图树需要一个新的布局，系统会安排一个新的布局过程，在这个过程中会重新执行测量（Measure）和布局（Layout）步骤。

而测量和布局阶段都可能是耗时的操作，特别是在复杂的布局结构或大型视图树中。这是因为测量和布局阶段需要计算视图及其子视图的尺寸和位置，并且这个计算可能是递归的。

对于一个单独的 TextView 而言，调用 setText() 后重新进行测量、布局和绘制来更新视图没什么问题。但是当在 RecycleView 中，TextView 很多情况下只是单纯的更换 String，布局不会发生改动。这个时候我们就可以自定义一个在 setText() 时不会 requestLayout() 的 TextView来优化性能

为了能和 TextView 一样在 xml 上设置属性，需要在 style 文件增加：

XML 复制代码

<resources>
    <declare-styleable name="SimpleTextView">
        <attr name="android:text" format="string" />
        <attr name="android:textColor" format="color" />
        <attr name="android:textSize" format="dimension|reference" />
        <attr name="android:singleLine" format="boolean" />
        <attr name="android:textStyle">
            <enum name="normal" value="0" />
            <enum name="bold" value="1" />
            <enum name="italic" value="2" />
        </attr>
    </declare-styleable>
</resources>

自定义的 TextView：

Kotlin 复制代码

class SimpleTextView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {
    private var text: String? = ""
    private var singleLine = false
    private val textPaint = TextPaint(Paint.ANTI_ALIAS_FLAG)

    init {
        val typedArray = context.obtainStyledAttributes(attrs, R.styleable.SimpleTextView)
        text = typedArray.getString(R.styleable.SimpleTextView_android_text) ?: ""
        singleLine = typedArray.getBoolean(R.styleable.SimpleTextView_android_singleLine, false)
        textPaint.color = typedArray.getColor(R.styleable.SimpleTextView_android_textColor, Color.BLACK)
        textPaint.textSize = typedArray.getDimensionPixelSize(R.styleable.SimpleTextView_android_textSize, 40).toFloat()
        textPaint.typeface = Typeface.create(Typeface.DEFAULT, typedArray.getInt(R.styleable.SimpleTextView_android_textStyle, 0))
        typedArray.recycle()
    }

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        val minHeight = paddingTop + textPaint.descent() - textPaint.ascent() + paddingBottom
        // 设置视图大小
        setMeasuredDimension(
            widthMeasureSpec,
            resolveSize(minHeight.toInt(), heightMeasureSpec)
        )
    }

    override fun onDraw(canvas: Canvas?) {
        super.onDraw(canvas)
        canvas ?: return
        val baseline = paddingTop - textPaint.ascent() // 文本基线
        val textWidth = width - paddingLeft - paddingRight // 文本显示宽度

        val textToShow = if (singleLine && textPaint.measureText(text) > textWidth) {
            TextUtils.ellipsize(text, textPaint, textWidth.toFloat(), TextUtils.TruncateAt.END).toString()
        } else {
            text
        }

        // 绘制文本
        canvas.drawText(textToShow!!, paddingLeft.toFloat(), baseline, textPaint)
    }

    fun setText(text: String?) {
        text ?: return
        this.text = text
    }
}

这里我在 onMeasure 设置视图大小的时候，宽度给的是最大值，因为只测量一次，之后输入的文本长度即使是不一样的，也都能够兼容到。配合 singleLine 的效果，就能做到高性能的单行显示效果了

本片文章的核心思想是减少 RecycleView 中 TextView 不必要的测量和布局步骤，从而优化卡顿问题。若 TextView 的测量、布局和绘制都是必要的，则需要从其他方面去入手优化了