当 Compose 更新帧时,它会经历三个阶段:
- 组合:Compose 确定要显示的内容。它会运行可组合函数并构建界面树。
- 布局:Compose 确定界面树中每个元素的尺寸和位置。
- 绘制:Compose 实际渲染各个界面元素。
Compose 可以智能地跳过其中任何不需要的阶段。例如,假设单个图形元素在尺寸相同的两个图标之间切换。由于该元素不会改变尺寸,而且界面树中不会添加或移除任何元素,因此 Compose 可以跳过组合阶段和布局阶段,只重新绘制该元素。
不过,编码错误可能会导致 Compose 难以确定可以安全地跳过哪些阶段,在这种情况下,Compose 会运行所有三个阶段,这可能会降低界面速度。因此,许多提升性能的最佳实践都是为了帮助 Compose 跳过不需要的阶段。
如需了解详情,请参阅 Jetpack Compose 阶段指南。
一般原则
总体而言,应当遵循一些可提升性能的基本原则:
- 尽可能从可组合函数中移除计算。每当界面发生变化时,都可能需要重新运行可组合函数。您在可组合函数中放置的所有代码都会重新执行,可能对于动画的每一帧都是如此。请将可组合函数的代码限制为仅包含构建界面所需的代码。
- 尽可能延后读取状态。通过将状态读取移至可组合子项或后续阶段,您可以尽可能减少重组或完全跳过组合阶段。为此,您可以传递 lambda 函数(而不是状态值)来表示经常更改的状态,并在传入经常更改的状态时优先使用基于 lambda 的修饰符。您可以在遵循最佳实践的尽可能延后读取部分查看此技巧的示例。