Jetpack Compose 从设计之初就考虑到了 View 互操作性,您可以在 View 中使用 Compose,反之亦然。借助此功能,您可以在基于 View 的现有应用中采用 Compose,而不必从头开始重写该应用。
以下页面介绍了如何将 Compose 与现有应用集成:
- 迁移策略:了解以安全的方式逐步将 Compose 引入代码库的策略。
- Interoperability API:了解 Compose 的 API 如何帮助您将 Compose 与基于 View 的界面合并。
- 其他注意事项:了解将基于 View 的应用迁移到 Compose 时如何考虑主题设置、架构和测试等其他注意事项。
示例
以下示例展示了 Jetpack Compose 与 View 的互操作性:
您可以在一条文本字符串中支持多个链接,以便用户选择要前往的位置并提高互动度。 您可以设置文本的部分样式,以提高可读性、提升用户体验,并通过使用颜色和字体来激发更大的创造力。 您可以在用户在文本字段中输入内容(例如输入姓名、电子邮件地址、地址或其他联系信息)时验证输入内容。此验证可减少错误并为用户节省时间。 如需在应用中显示图片(用于内容和响应用户操作),请从磁盘或互联网上的外部来源加载图片。 卡片可为界面提供 Material Design 容器。 使用 TopAppBar 可组合项创建顶部应用栏,以帮助用户在应用中导航和访问功能。 了解如何使用 Compose Animation API 为状态值添加动画效果、使用转场效果添加动画效果、为可见性或大小更改添加动画效果,以及添加交叉淡化效果。 应用栏是位于屏幕顶部或底部的容器,其中包含主要功能和导航项。 您可以创建一个图标,以便根据用户的切换开关隐藏或显示密码,从而提高安全性并提升用户体验。 您可以加载可绘制文件来显示动画图片,从而在应用中打造更具互动性和吸引力的用户体验。动画图片非常适合用于创建加载指示器、成功或错误指示器,以及促进游戏开发和各种其他界面功能。 限制应用在小屏设备上的屏幕方向,但不限制其在大屏设备上的屏幕方向。 您可以在图片的剪裁区域周围绘制阴影,以便以剪辑的形状显示图片。 了解如何管理可拆卸键盘配置更改。 进度指示器会显示操作的状态。 创建分页列表,以便用户滚动浏览无法在一屏中显示的内容。水平分页列表可帮助用户浏览图片、幻灯片或商品轮播界面等内容。垂直分页列表非常适合内容丰富的应用,在这些应用中,用户可能需要滚动浏览大量内容(例如文章)。 您可以使用切换开关让用户选择两种状态之一。 为界面选择合适的组件,并了解如何在应用中实现该组件。 按钮可触发特定操作。 条状标签组件可直观地表示复杂的实体,通常包含图标和标签。 构建您的首个 Jetpack Compose 测试。了解如何使用 Compose 的测试工件编写界面测试、使用测试规则、查找器和断言。 用户可以通过悬浮操作按钮在应用中执行主要操作。 拒绝触控笔手掌误触。 对话框会在应用主要内容之上的层上显示弹出式消息或请求用户输入。 框架可将界面的不同部分(例如应用栏和悬浮操作按钮)整合在一起,从而让应用具有一致的外观和风格。支持在单个文本字符串中添加多个链接
设置文本的部分样式
在用户输入时验证输入内容
加载和显示图片
创建一个用作容器的卡片
显示顶部应用栏
Compose 中的动画
显示应用栏
根据用户切换开关显示或隐藏密码
显示动画图片
限制应用在手机上的屏幕方向,但不限制其在大屏设备上的屏幕方向
显示裁剪为某个形状的图片
管理可拆卸键盘配置变更
创建进度指示器
显示分页列表
添加用户可以切换的开关
显示互动组件
创建按钮
创建用于表示复杂实体的条状标签
在 Compose 中进行测试
创建悬浮操作按钮 (FAB)
拒绝触控笔手掌轻触
显示弹出式消息或请求用户输入
创建一个框架组件来将界面整合在一起