使用Jetpack Compose扩展跨屏幕应用@ Google I/O 2024

Jetpack Compose的核心承诺是提供一个现代化的工具包，以帮助您更快、更轻松地构建本地UI应用程序。随着越来越多的开发者（前1000名应用中有40%）采用并喜爱Compose，我们一直在努力将这些优势从移动端扩展到跨设备的构建。在Google I/O 2024上，我们宣布了一系列Compose的新更新，这些更新可以帮助您在不同设备上进行开发，包括支持自适应布局的Compose API，以及针对电视和Wear OS的最新更新。从可折叠设备到可穿戴设备再到电视，Compose正在提供旨在使Android开发更快、更轻松的功能。许多应用已经在使用Compose以更少的代码支持更多的屏幕。

构建自适应布局

我们宣布了一组新的Compose API，用于构建自适应布局，这些API使用Material指导原则。这些API目前处于Beta阶段，提供了新布局和组件，当用户在不同窗口大小之间切换时，这些布局和组件会按预期进行调整。

这些库提供了三个新的脚手架，能够适应用户在不同类型设备上使用应用的不同窗口大小，从手机到可折叠设备再到平板电脑等。

NavigationSuiteScaffold
NavigationSuiteScaffold通过自动遵循Material指南来帮助您构建导航UI，为您的用户根据他们的窗口大小提供最佳体验。

Material指南建议在紧凑宽度窗口（如大多数手机）上使用底部导航栏，在中等宽度和扩展宽度窗口上使用导航轨道。以前，每个应用都需要单独处理这些组件之间的切换；现在，NavigationSuiteScaffold通过在窗口大小变化时自动切换组件，为您完成了这一工作。

ListDetailPaneScaffold & SupportingPaneScaffold
新库还包括ListDetailPaneScaffold和SupportingPaneScaffold，它们帮助您实现我们在许多情况下推荐的规范布局——列表详细信息和支持窗格。

在手机上，您通常通过屏幕来组织应用程序流程。例如，点击列表屏幕上的一项将带您进入详细信息屏幕。当适应不同窗口大小时，考虑您的应用程序按窗格而非屏幕进行组织会更有效。对于紧凑窗口大小类（如手机），您可能只显示一个窗格。对于扩展窗口大小类，您可能会同时显示两个或更多窗格。ListDetailPaneScaffold和SupportingPaneScaffold帮助您构建可以轻松在单窗格和双窗格布局之间切换的应用程序。

您可以在“使用Material 3自适应库构建UI”和“构建自适应Android应用程序”技术会议中了解这三个API的更多信息以及如何开始使用它们。

“集成SupportingPaneScaffold非常简单快速。它使我们能够在To-Dos中无缝地组织主要和次要内容。根据窗口大小类，支持窗格会自动调整UI，无需任何额外的自定义逻辑。让用户无论使用什么设备都能满意是SAP Mobile Start的首要任务。”
——SAP Mobile Start软件工程师
Compose for Wear OS

在过去的一年中，Compose for Wear OS的采用率增长了200%，展示了Compose使开发者更轻松地为手表形态构建的能力。

最近，我们看到了一些顶级应用，如WhatsApp、Gmail和Google Calendar完全使用Compose for Wear OS构建，它是构建Wear OS应用程序用户界面的推荐方式。

在今年的Google I/O上，Compose for Wear OS从Beta版本升级到了稳定版本，带来了视觉改进和修复。

在过去的一年中，我们添加了SwipeToReveal功能，为用户提供了完成操作的额外方式；添加了expandableItem，以增强小屏幕的使用，并在需要时显示额外信息；并且还添加了一系列WearPreview支持的注释，以确保您的应用在各种设备大小和字体规模上都能最佳运行。

您可以通过参加codelab开始使用Compose for Wear OS，并通过技术会议了解有关Wear OS的所有最新更新。

Compose for Android TV

在Google I/O 2024上，我们宣布Compose for TV 1.0.0现已进入Beta。Compose for TV是我们推荐的构建Android TV OS用户界面的方式。它将Jetpack Compose的所有优势带到您的电视应用程序中，使您更快更轻松地构建美观且功能丰富的体验。

Compose for TV的最新更新包括更好的性能、输入支持以及一系列改进的组件，这些组件默认外观极佳。在此版本中，我们添加了列表、导航、芯片和设置屏幕。我们还更新了Android Studio中的开发者工具，包括一个新的项目向导，帮助您快速入门Compose for TV。

新的TV Material Catalog应用程序让您可以使用不同的主题和布局探索Compose for TV中的组件，我们更新的JetStream示例展示了这一切如何结合在一起。

https://github.com/android/tv-samples/tree/main/TvMaterialCatalog
https://github.com/android/tv-samples/tree/main/JetStreamCompose

您可以通过查看专门的博客、技术会议或查阅集成指南开始使用Compose for TV。

Jetpack Glance

Jetpack Glance 1.1.0现已进入RC，带来了新的单元测试库、错误UI和新组件。

我们还在GitHub上发布了新的规范小部件布局，这些布局基于Glance组件构建，允许您更快地开始使用一组与最佳实践对齐的布局。

https://github.com/android/platform-samples/tree/main/samples/user-interface/appwidgets/src/main/java/com/example/platform/ui/appwidgets/glance/layout
第一组布局作为代码示例和匹配的Figma设计套件在Android UI Kit上发布，今年晚些时候还会有更多布局。最后，我们在UI设计中心发布了新的设计指南——请查阅！

我们更新了Jetcaster（我们的Compose示例之一），使其能够适应手机、折叠屏和平板电脑屏幕，并添加了对电视、Wear和使用Glance的主屏幕小部件的支持。Jetcaster展示了Compose如何帮助你在一个项目中使用共享架构构建各种设备的应用。

看看你如何提取诸如数据层和设计系统等元素，以促进重用和一致性，同时提供适应不同形式因素的体验。你可以直接在GitHub上查看代码。

通过这些更新，Jetpack Compose在不同设备上提供了一致的开发体验，不论是手机、可穿戴设备还是电视。随着更多自适应布局API的引入，以及Wear OS和TV的稳定版本，开发者现在能够更轻松地构建响应式和高性能的应用程序。Jetpack Glance的新功能和设计指南进一步简化了小部件的开发过程。随着这些工具和库的进步，Android开发变得更加高效和愉快，使开发者能够专注于构建令人惊叹的用户体验。