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

2024-02-22 08:52

本文主要是介绍Android TextView.setText() 引发的卡顿问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

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


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

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

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

    @UnsupportedAppUsageprivate 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 文件增加:

<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:

class SimpleTextView @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {private var text: String? = ""private var singleLine = falseprivate 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 ?: returnval 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 ?: returnthis.text = text}
}

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


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

这篇关于Android TextView.setText() 引发的卡顿问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/734740

相关文章

如何解决mmcv无法安装或安装之后报错问题

《如何解决mmcv无法安装或安装之后报错问题》:本文主要介绍如何解决mmcv无法安装或安装之后报错问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录mmcv无法安装或安装之后报错问题1.当我们运行YOwww.chinasem.cnLO时遇到2.找到下图所示这里3.

浅谈配置MMCV环境,解决报错,版本不匹配问题

《浅谈配置MMCV环境,解决报错,版本不匹配问题》:本文主要介绍浅谈配置MMCV环境,解决报错,版本不匹配问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录配置MMCV环境,解决报错,版本不匹配错误示例正确示例总结配置MMCV环境,解决报错,版本不匹配在col

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo

SpringBoot首笔交易慢问题排查与优化方案

《SpringBoot首笔交易慢问题排查与优化方案》在我们的微服务项目中,遇到这样的问题:应用启动后,第一笔交易响应耗时高达4、5秒,而后续请求均能在毫秒级完成,这不仅触发监控告警,也极大影响了用户体... 目录问题背景排查步骤1. 日志分析2. 性能工具定位优化方案:提前预热各种资源1. Flowable

springboot循环依赖问题案例代码及解决办法

《springboot循环依赖问题案例代码及解决办法》在SpringBoot中,如果两个或多个Bean之间存在循环依赖(即BeanA依赖BeanB,而BeanB又依赖BeanA),会导致Spring的... 目录1. 什么是循环依赖?2. 循环依赖的场景案例3. 解决循环依赖的常见方法方法 1:使用 @La

Android中Dialog的使用详解

《Android中Dialog的使用详解》Dialog(对话框)是Android中常用的UI组件,用于临时显示重要信息或获取用户输入,本文给大家介绍Android中Dialog的使用,感兴趣的朋友一起... 目录android中Dialog的使用详解1. 基本Dialog类型1.1 AlertDialog(

SpringBoot启动报错的11个高频问题排查与解决终极指南

《SpringBoot启动报错的11个高频问题排查与解决终极指南》这篇文章主要为大家详细介绍了SpringBoot启动报错的11个高频问题的排查与解决,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一... 目录1. 依赖冲突:NoSuchMethodError 的终极解法2. Bean注入失败:No qu

MySQL新增字段后Java实体未更新的潜在问题与解决方案

《MySQL新增字段后Java实体未更新的潜在问题与解决方案》在Java+MySQL的开发中,我们通常使用ORM框架来映射数据库表与Java对象,但有时候,数据库表结构变更(如新增字段)后,开发人员可... 目录引言1. 问题背景:数据库与 Java 实体不同步1.1 常见场景1.2 示例代码2. 不同操作

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

如何解决mysql出现Incorrect string value for column ‘表项‘ at row 1错误问题

《如何解决mysql出现Incorrectstringvalueforcolumn‘表项‘atrow1错误问题》:本文主要介绍如何解决mysql出现Incorrectstringv... 目录mysql出现Incorrect string value for column ‘表项‘ at row 1错误报错