Jetpack Compose(9)——自定义Composable - SharpCJ
内容提要
本文介绍了Jetpack Compose中自定义Composable组件的渲染流程，包括组合、布局和绘制三个阶段。组合阶段生成视图树，布局阶段测量和摆放组件，绘制阶段将组件绘制到屏幕上。还探讨了固有特性测量和SubcomposeLayout的使用，强调了测量定制能力。通过示例代码展示了自定义组件及其布局逻辑的实现。
延伸解读
固有特性测量与SubcomposeLayout的适用场景
固有特性测量通过预先测量子组件来影响父组件的约束，适合子组件尺寸相互依赖但无需延迟组合的场景，如让分割线与文本等高。SubcomposeLayout则将子组件的组合推迟到布局阶段，能更灵活地定制测量顺序，但会额外创建子Composition，性能开销较大。因此，对性能敏感的UI应优先考虑固有特性测量，仅在需要动态决定子组件组合时使用SubcomposeLayout。
自定义绘制中的性能优化要点
在绘制阶段，drawBehind和drawWithContent可控制绘制层级，而drawWithCache能缓存绘制实例（如Path），避免重组时重复创建导致内存抖动。由于DrawScope不是Composable，无法使用remember，drawWithCache提供了在绘制作用域内缓存的能力。对于复杂绘制，应利用drawWithCache减少对象分配，同时注意DrawScope的API是跨平台封装，可能缺少平台特有方法，必要时可通过drawContext.canvas.nativeCanvas调用原生Can
自定义布局的约束与测量限制
Compose中每个LayoutNode只能测量一次，多次测量会抛出异常。布局约束包含父组件允许子组件的最大和最小宽高，当父组件希望子组件为具体尺寸时，最大与最小宽高相同。自定义布局时，可通过Modifier.layout或Layout组件实现，但需注意约束传递。固有特性测量要求组件适配Intrinsic系列方法，否则使用IntrinsicSize.Min/Max会崩溃。因此，自定义组件若需支持固有特性测量，必须重写MeasurePolicy中的相应方法。
Q&A
Jetpack Compose中的自定义Composable组件的渲染流程是怎样的？
渲染流程分为组合、布局和绘制三个阶段。组合阶段生成视图树，布局阶段测量和摆放组件，绘制阶段将组件绘制到屏幕上。
在Jetpack Compose中，如何实现自定义组件的布局？
可以在布局阶段对每个LayoutNode进行宽高测量和位置摆放，支持定制组件的布局。
什么是固有特性测量，它在Compose中有什么作用？
固有特性测量允许预先测量子组件以影响父组件的测量过程，解决了多次测量LayoutNode的问题。
SubcomposeLayout在Compose中如何使用？
SubcomposeLayout允许子组件的组合阶段延迟到父组件的布局阶段进行，从而提供更强的测量定制能力。
Canvas Composable的作用是什么？
Canvas Composable用于自定义绘制，支持使用DrawScope进行绘制逻辑的实现。
如何优化Compose中的绘制性能？
可以使用drawBehind和drawWithCache等修饰符来优化绘制层级和缓存，从而提高绘制性能。
