移动开发 Jetpack Compose 组件布局

Posted 2022-03-28 ejinxian

 Jetpack Compose 是用于构建原生 android 界面的新工具包。它可简化并加快 Android 上的界面开发，使用更少的代码、强大的工具和直观的 Kotlin API，快速让应用生动而精彩。Compose 使用全新的组件—可组合函数 Composable 来布局界面。

Jetpack Compose 可将状态转换为界面，这个过程分为三步: 组合、布局、绘制。组合阶段执行 可组合函数，这些函数可以生成界面，从而创建界面树。例如，下图中的 SearchResult 函数会生成对应的界面树

布局动画示例

由于具备更强的性能保证，Compose 提供了新的可能性，例如为布局添加动画。Layout composable 不仅可以创建通用布局，还能创建出符合应用设计需求的专用布局。以 Jetsnack 应用中的自定义底部导航为例，在该设计中，如果某项目被选中，则显示标签；如果未被选中，则只显示图标。而且，设计还需要让项目的尺寸和位置根据当前选择状态执行动画

 单遍布局模型的设计效果是，任何只影响项目的放置而不影响测量的修改都可以单独执行。以 Jetsnack 为例:

 

参考

• Jetpack Compose 入门文档
• Jetpack Compose 学习路线
• Jetpack Compose 案例项目