Compose之LazyColumn、LazyRow卡顿处理

已于 2024-05-22 17:48:55 修改
阅读量1.4k 收藏 2
点赞数 9
CC 4.0 BY-SA版权
分类专栏： Compose 文章标签： Compose卡顿 LazyColumn卡顿
于 2024-05-22 17:47:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/FrancisBingo/article/details/139125771

一、背景

        在使用LazyColumn时，发现向下滑动不卡顿有Fling效果，向上滑动卡顿没有Fling效果，排查各种因素布局嵌套、Item复杂性等均没有问题

二、原因定位

        最终发现由于引用不同的依赖库导致

三、问题解决

        当我们使用Compose的基础UI库来使用LazyColumn时

基础使用（可能有卡顿问题）

androidx.compose.ui:ui:1.3.1

        可能会发现莫名其妙的卡顿，因此我们可以更改依赖来解决

性能更好（推荐）

androidx.compose.foundation:foundation:1.4.3

Jetpack Compose 中的嵌套 LazyColumn
虎哥LoveDroid
06-20 1736
我们可以为嵌套的可组合项定义高度。这样的方法效果不错，但嵌套列将具有固定高度，内容只能在该固定高度内滚动。) {有些开发人员会估算嵌套列的动态高度，他们创建逻辑来确定LazyColumn的动态高度，不过我对这种方法的实用性持保留态度。
Compose 渲染性能到底怎么样?
1
04-27 330
作者：程序员江同学 如何测量Compose的FPS 所谓FPS也就是每秒显示的帧数，Android 设备的 FPS 一般是 60，也即每秒要刷新 60 帧，所以留给每一帧的绘制时间最多只有 1000/60 = 16.67ms 。一旦某一帧的绘制时间超过了限制，就会发生 掉帧，用户在连续两帧会看到同样的画面。 监测Android应用的FPS，其实已经是相当成熟了，主要就是利用Choreographer.getInstance().postFrameCallback()方法，在这里就不缀述了。 那么，我们该.
Android Compose LazyColumn/LazyRow滚动列表控件（RecyclerView）
qq_41899289的博客
09-14 1252
@Composable fun RecyclerViewDemo(){ val lists = listOf("a","b","c","d","e","f","g","h","i") Column(modifier = Modifier .fillMaxSize() .statusBarsPadding()) { Column(modifier = Modifier .statusBarsPadding() .
深入探索Jetpack Compose LazyColumn性能表现及优化策略
m0_56144365的博客
03-13 2341
自从Jetpack Compose作为Google推出的现代化UI工具包以来，它在Android开发领域掀起了不小的浪潮。Compose的声明式、响应式让UI构建变得前所未有的简洁高效。
Android开发之Compose基础学习-LazyRow滑动到指定item、LazyRow浮动标签
xiayiye5的博客
10-10 1218
【代码】Android开发之Compose基础学习-LazyRow滑动到指定item、LazyRow浮动标签。
compose LazyColumn + items没有自动刷新问题
Jocerly的专栏
01-30 1246
compose LazyColumn + items mutableStateOf 没有自动刷新
Android Jetpack Compose 可滚动列表 LazyColumn
杨迪龙的博客
08-03 3188
Android Jetpack Compose 可滚动列表 LazyColumnJetpack Compose前言LazyColumn使用方法完事 Jetpack Compose 更多与Jetpack Compose相关的文章： Android Jetpack Compose 沉浸式/透明状态栏 ProvideWindowInsets SystemUiController 前言 这是一个比较简单的知识点，但是在当前时间2021/08/03，在搜索引擎上还没能快速搜索到相关信息，所以贡献一下自己的了解。 La
Compose_08--列表LazyColumn和LazyRow
weixin_42404361的博客
11-25 4128
列表在普遍App中是一个十分重要组成部分，随处可见，而在Compose中是如何实现列表的呢？没错，就是使用LazyColumn实现纵向滚动列表，使用LazyRow实现横向滚动列表，下面是一个简单的例子。 import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.backg
Android开发系列(八）Jetpack Compose之LazyColumn
06-24 989
通过使用LazyColumn的onScroll事件和加载更多数据的逻辑，可以实现无限滚动的效果。自动测量：LazyColumn会自动计算和测量列表项的大小，因此您不需要手动指定列表项的大小。一开始只显示8个item，当往下滑动时，才会创建可见的item，同时销毁不可见的item，对于有大量数据的列表，不用一下子创建大量的对象，从而有效利用内存。这种惰性加载的机制可以提高性能，并且适用于非常大的列表。与LazyColumn类似的是LazyRow，它们的区别是方向不一样，前者是垂直方向，后者是横向。
Jetpack Compose——LazyRow、LazyColumn简单使用
lplj717的博客
12-15 2552
LazyRow： LazyRow( modifier: Modifier = Modifier,//布局修饰 state: LazyListState = rememberLazyListState(),//列表状态 contentPadding: PaddingValues = PaddingValues(0.dp),//内边距 reverseLayout: Boolean = false,//反转滚动和布局的方向 horizontalArrangement:
Android安卓 Compose LazyColumn 列表 实现网格列表
fanketly的博客
05-09 2442
因为官方LazyVerticalGrid为不稳定版，所以我们不能长期依靠它。因此我们自己写一个网格列表，还能避免列表不能嵌套问题。 写法如下： //要分为几列 val nColumns = 4 //rows 总共几行 val rows = (it.size + nColumns - 1) / nColumns LazyColumn() { items(rows) { r
Jetpack-Compose-Pagination:Jetpack组成分页。 使用Jetpack Compose列出分页。 LazyColumn加载更多。 惰性列分页
03-08
Jetpack-复合分页 Jetpack组成分页。 使用Jetpack Compose列出分页 LazyColumn加载更多。 LazyColumn分页。 载入第一页 第一页 正在载入下一页
Compose 可组合项 - 滑动列表 LazyColumn、LazyRow
HugMua的博客
12-20 4034
可滚动，类似RecyclerView（ Column、Row 用 Modifier 设置滚动是相当于ScrollView）。
compose开发在Android9上滑动卡顿
weixin_37020205的博客
08-18 390
Compose开发在Android 9上滑动卡顿问题分析与解决 随着Jetpack Compose的逐渐普及，越来越多的Android开发者开始使用这一现代化UI工具进行应用开发。然而，在一些设备上，尤其是运行Android 9及其以下版本的设备中，开发者常常会遇到滑动卡顿的问题。本文将为您分析这一问题的可能原因，并提供解...
Android Compose LazyColumn实现列表展示
weixin_37191074的博客
07-18 799
我们的需求是显示一个会议安排的列表，先上效果。2.然后初始化，这里是做了4条假数据。4.单个条目的布局如下。
我用Ai学Android Jetpack Compose之LazyColumn
学无止境，止于至善
02-01 736
当然可以！LazyColumn是 Jetpack Compose 中用于高效显示长列表的一个非常重要的组件。与普通的Column不同，LazyColumn只会渲染当前可见的项，并在用户滚动时动态加载和卸载项，从而提高性能，特别是在处理大量数据时。LazyColumn是 Jetpack Compose 中用于高效显示长列表的关键组件。掌握了它的基本用法和高级特性后，你可以轻松地构建出高性能且美观的列表界面。希望这些信息对你有所帮助！如果你有任何进一步的问题或需要更详细的解释，请随时提问！
Compose LazyColumn 对比 RecyclerView ，谁的性能更好？
maniuT的博客
09-23 516
LC 和 RV 各有长短，就看我们如何去选择了，用在什么场景了。该如何选择，相信大家看完也就知道了，复杂列表 (像电商首页那种) 是必须要选用RV 的，简单的列表可以选择LC，因为简单列表LC体验更好，更加丝滑，跟手性更好。当然LC 还在google的优化中 ， 之后的LC肯定也会和他老大哥RV 一样，不管面对什么场景都会有着更加稳定的表现。
Compose LazyColumn 对比 RecyclerView ，谁的性能更好？_android compose recyclerview
2301_78416732的博客
04-09 659
LC 和 RV 各有长短，就看我们如何去选择了，用在什么场景了。该如何选择，相信大家看完也就知道了，复杂列表 (像电商首页那种) 是必须要选用RV 的，简单的列表可以选择LC，因为简单列表LC体验更好，更加丝滑，跟手性更好。当然LC 还在google的优化中 ， 之后的LC肯定也会和他老大哥RV 一样，不管面对什么场景都会有着更加稳定的表现。
Compose在xml中使用滑动冲突处理
FrancisBingo的博客
05-22 743
SmartRefreshLayout+CoordinatorLayout+ComposeView(ComposeView这里又是一个LazyColumn)在现有Android项目中使用Compose可能存在滑动冲突问题，例如。如果基于以上原因出现滚动问题，可以在Compose中使用以下方式解决。
重组是什么概念
最新发布
04-03
<think>好的，用户现在问的是“重组是什么概念”，之前已经问过Jetpack Compose中的共享元素。我需要先确定用户的技术背景，可能是一个正在学习Compose的Android开发者，已经了解了一些基础概念，现在想深入理解重组机制。 首先，重组在Compose中确实是一个核心概念，用户可能在使用过程中遇到了性能问题，或者想优化他们的Compose代码。需要明确重组的定义、触发条件以及如何控制它。 接下来，用户之前的问题是关于共享元素和动画的，而重组涉及到Compose的响应式编程模型，这可能和状态管理有关。用户可能对状态变化如何导致UI更新感到好奇，或者遇到了不必要的重组导致性能下降的问题。 我需要分步骤解释重组是什么，为什么重要，以及如何正确管理重组。要确保回答结构清晰，用例子帮助理解，比如计数器例子，或者列表渲染的例子。同时，需要对比传统View系统的UI更新机制，突出Compose的优势和不同之处。 还要注意用户可能存在的误区，比如认为重组就是整个组件树重新渲染，而实际上Compose有智能重组机制，只会更新需要变化的部分。需要强调@Composable函数的特点，比如幂等性、无副作用，以及状态读取的位置如何影响重组范围。 另外，用户可能需要知道如何避免不必要的重组，比如使用remember、derivedStateOf、key参数等。这部分需要给出实际的代码示例，说明如何优化。 最后，总结重组的最佳实践，帮助用户写出高效的Compose代码。确保语言简洁，避免过于技术化，用通俗易懂的中文解释概念，同时保持专业性。</think>在 Jetpack Compose 中，**重组（Recomposition）** 是 UI 动态更新的核心机制，本质是 **当状态（State）变化时，系统自动重新执行相关的 @Composable 函数以刷新界面**。这是 Compose 实现声明式 UI 的核心设计。 --- ### 重组的关键特性 #### 1. **响应式驱动** - **触发条件**：只有当被观察的 `State` 对象发生值变化时，才会触发重组 - **示例**：一个计数器按钮的点击事件 ```kotlin @Composable fun Counter() { val count = remember { mutableStateOf(0) } // 状态对象 Button(onClick = { count.value++ }) { // 状态变化触发重组 Text("点击次数: ${count.value}") // 文本内容自动更新 } } ``` #### 2. **智能局部更新** - **精准定位**：仅重新执行与变化状态相关的 Composable 函数（传统 View 系统需要手动调用 `invalidate()` 或更新整个视图树） - **对比机制**：通过比较 Composable 的输入参数和上一次调用的差异，决定是否需要重组 #### 3. **幂等性要求** - **无副作用原则**：@Composable 函数需保证 **多次执行结果相同**（不能直接修改全局变量、发起网络请求等） - **正确示范**： ```kotlin @Composable fun SafeComponent() { val context = LocalContext.current Button(onClick = { /* 点击事件处理 */ }) { // 事件回调是安全的 Text("按钮") } } ``` --- ### 重组优化技术 #### 1. **状态细粒度控制** - 使用 `remember` 缓存计算结果： ```kotlin val expensiveValue = remember(key1, key2) { computeComplexValue(key1, key2) // 仅当 key1/key2 变化时重新计算 } ``` #### 2. **避免无效重组** - 通过 `derivedStateOf` 合并多个状态变更： ```kotlin val scrollState = rememberScrollState() val showButton by remember { derivedStateOf { scrollState.value > 100 } // 滚动超过 100px 才触发重组 } ``` #### 3. **稳定类型优化** - 使用 `@Stable` 注解标记自定义类，帮助 Compose 编译器优化重组判断： ```kotlin @Stable class UserState(val name: String, val age: Int) ``` #### 4. **Key 参数控制列表项重组** - 在 `LazyColumn` 中通过 `key` 标识唯一项，避免错误复用： ```kotlin LazyColumn { items(items = userList, key = { it.id }) { user -> // 用唯一 id 标识 UserItem(user) } } ``` --- ### 重组过程示意图 ``` 状态变化 → 标记脏节点 → 调度重组 → 执行相关 Composable → 对比新/旧布局树 → 局部更新 ``` --- ### 常见误区与解决方案 | 问题现象 | 原因 | 解决方案 | |------------------------|-------------------------------|------------------------------| | 界面频繁闪烁 | 无必要的重组 | 使用 `remember` 缓存计算结果 | | 动画卡顿 | 复杂计算阻塞重组线程 | 将耗时操作移到后台协程 | | 列表滚动时 UI 错乱 | 未正确设置 `key` 参数 | 为列表项添加唯一标识 | | 状态更新后 UI 不变化 | 未通过 `mutableStateOf` 包装 | 确保状态变更能被 Compose 感知 | --- ### 性能调试工具 1. **重组计数器**：通过 `debugger` 或 `Layout Inspector` 查看 Composable 的重组次数 2. **Compose Compiler Metrics**：生成重组范围分析报告 3. **Profile GPU Rendering**：检测帧率是否因重组过载下降 --- ### 最佳实践 1. **最小化重组范围**：将频繁变化的状态封装到深层子组件 2. **避免在 Composable 中直接执行耗时操作** 3. **优先使用 `remember(key)` 而非全局变量** 4. **对大型列表使用 `LazyColumn`/`LazyRow`** 重组机制使 Compose 能够高效管理 UI 更新，但需要开发者理解其原理才能编写高性能代码。掌握状态与重组的对应关系，是 Compose 开发的核心技能之一。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FrancisBingo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值