Compose 的阶段和性能

当 Compose 更新帧时，它会经历三个阶段：

  • 组合：Compose 确定要显示的内容。它会运行可组合函数并构建界面树。
  • 布局：Compose 确定界面树中每个元素的尺寸和位置。
  • 绘制：Compose 实际渲染各个界面元素。

Compose 可以智能地跳过其中任何不需要的阶段。例如，假设单个图形元素在尺寸相同的两个图标之间切换。由于该元素不会改变尺寸，而且界面树中不会添加或移除任何元素，因此 Compose 可以跳过组合阶段和布局阶段，只重新绘制该元素。

不过，编码错误可能会导致 Compose 难以确定可以安全地跳过哪些阶段，在这种情况下，Compose 会运行所有三个阶段，这可能会降低界面速度。因此，许多提升性能的最佳实践都是为了帮助 Compose 跳过不需要的阶段。

如需了解详情，请参阅 Jetpack Compose 阶段指南。

一般原则

总体而言，应当遵循一些可提升性能的基本原则：

  • 尽可能从可组合函数中移除计算。每当界面发生变化时，都可能需要重新运行可组合函数。您在可组合函数中放置的所有代码都会重新执行，可能对于动画的每一帧都是如此。请将可组合函数的代码限制为仅包含构建界面所需的代码。
  • 尽可能延后读取状态。通过将状态读取移至可组合子项或后续阶段，您可以尽可能减少重组或完全跳过组合阶段。为此，您可以传递 lambda 函数（而不是状态值）来表示经常更改的状态，并在传入经常更改的状态时优先使用基于 lambda 的修饰符。您可以在遵循最佳实践的尽可能延后读取部分查看此技巧的示例。

其他资源