聚焦 Android 11: UI 与 Compose

聚焦 Android 11: UI 与 Compose

作者 / Chris Banes 和 Nick Butcher

在往期 #11WeeksOfAndroid 系列文章中我们介绍了联系人和身份隐私和安全 Android 11 兼容性 开发语言Jetpack Android 开发者工具 Google Play 应用分发与盈利 游戏开发新工具 ,本期我们 聚焦 UI 与 Compose ,下面就来看看您需要了解的内容。

重大更新: Jetpack Compose Alpha

Jetpack Compose 的 第一个 alpha 版本 已经发布,这是 Android 的现代化 UI 工具包,可以访问原生平台 API。Compose 将 Kotlin 的强大功能与响应式编程模型相结合,使界面构建更简单、更快速。我们也希望您的 反馈 能帮助我们了解您构建应用所需的 API,开始试用吧!

为了帮助您快速掌握 Compose,我们发布了 4 个新的 Codelab7 个新的示例 以及相关 新增文档,Compose 团队还发布了一个 播客,以及更多视频介绍供您参考。

要了解响应式思维方式以及如何使用 Compose 构建应用,可以观看视频 了解 Compose 的编程思想

您也可以观看视频,通过开源示例应用中的具体示例,了解 Jetpack Compose 如何简化 Android 界面

最后,您可以在 视频 "Compose for Existing" 应用 中,了解 Jetpack Compose 和基于视图的 UI 如何共存和交互,使您轻松按照自己的节奏采用 Compose。

键盘 (IME) 动画

Android 11 的新功能之一是应用能够在屏幕键盘打开和关闭之间无缝过渡,以及改进的 WindowInsets API,实现对键盘 (IME) 等控件的控制。要了解如何将其添加到您的应用中,欢迎访问相关 视频博文 以及 示例应用

Material Design 组件

我们 建议 您参考 Material Design 指南,确保应用一致运行,以及应用的使用习惯可以延续。官方文档介绍了使用 Material Design Components (MDC)  的 Material Theming (颜色类型形状)、深色主题以及 Material 的 动效系统

采用 MDC 可以使您的代码库为以后尝试 Jetpack Compose 做好准备,他们使用了相同的概念、设计词汇以及组件。甚至可以通过新的 MDC Compose 主题适配器 等库简化您的迁移,将 MDC XML 主题转换为 Compose MaterialTheme

如果您尚未迁移到 MDC,可以参考我们的 迁移指南

开始学习

我们为您准备了两个学习计划,帮您轻松了解本期的要点: Compose 学习计划 和 "现代界面" 学习计划

学习计划是指允许用户完成预定义模块的有序教程,学完模块后需要参加测验。学习计划可能包括 Codelab、视频、文章和博文。通过测验后,每个用户将获得虚拟徽章。在每种学习计划中测试您掌握的知识,获取限量版徽章。

知识点

无论您是使用当前的 UI 工具包进行构建,还是为下一代做准备,我们都希望本期分享的资源能够帮助您打造深受用户喜爱的 UI 界面。感谢大家收看或加入我们的 AMA。您可以按照 "现代界面" 学习计划学习如何利用 Material Design、动画或最新的 Android 11 功能。欢迎通过 Compose 学习计划了解 Android UI 开发的未来,并提供 反馈 助力其发展。

资源

您可以查看 #11WeeksOfAndroid 视频内容的 完整播放列表,或点击阅读原文前往官方网站详细 了解更多主题。我们将持续聚焦每期的新领域,敬请留意,也请继续关注我们,期待您的反馈。感谢您与我们相伴前行!

版权声明

禁止一切形式的转载-禁止商用-禁止衍生 申请授权

脉脉不得语
脉脉不得语
Zhengzhou Website
Android Developer | https://androiddevtools.cn and https://androidweekly.io Funder | GDG Zhengzhou Funder & Ex Organizer | http://Toast.show(∞) Podcast Host

你已经成功订阅到 Android 开发技术周报
太棒了!接下来,完成检验以获得全部访问权限 Android 开发技术周报
欢迎回来!你已经成功登录了。
Unable to sign you in. Please try again.
成功!您的帐户已完全激活,您现在可以访问所有内容。
Error! Stripe checkout failed.
Success! Your billing info is updated.
Error! Billing info update failed.
🍗