布局、主题和动画

实现更高级的布局,并为您的应用添加移动效果和样式。您将学习各种 Compose 动画 API、如何实现 Material Design 3、如何使用自定义布局实现复杂设计以及如何使用惰性布局创建高性能 UI。

 

Compose 布局和修饰符基础知识

视频

学习布局和修饰符的基础知识:布局和修饰符如何协同工作、提供的现成 API 以及如何设置 UI 样式。

惰性布局

视频

学习如何在 Compose 中制作滚动列表,以及为什么它比使用 RecyclerView 更简单。深入了解为什么不允许嵌套滚动列表以及如何以不同的方式进行操作,为什么项目大小永远不应为 0 像素,以及为什么提供唯一键很重要以及项目动画如何工作。最后,了解如何显示网格、使用自定义布局管理器以及如何改进性能优化以加快滚动速度。

Material Design 系统

视频

了解 Compose 中的 Material You 动态颜色、主题和组件。

使用 Material Design 3 设置应用主题

代码实验室

在这个代码实验室中,您将学习如何使用 Jetpack Compose 的主题 API 来设置应用程序的样式。我们将了解如何自定义颜色、形状和排版,以便它们在整个应用程序中始终一致地使用,并支持明暗主题和动态主题。

样式文本

视频

学习如何使用 Material API 配置排版,包括使用可下载字体和可变字体。

5 个快速动画让您的应用脱颖而出

视频

学习 5 个快速动画,让您的应用在短短几分钟内焕发生机。

Compose 绘图简介

视频

了解如何在 Compose 中绘制自定义内容。

动画元素

代码实验室

学习如何使用 Compose 动画 API。我们从最简单的值动画开始,并通过一些常见的动画模式学习其他 API。我们还将了解更高级的主题,例如动画自定义和带有触摸手势的动画。

自定义布局和图形

视频 可选

Compose 提供了各种现成的解决方案,可以快速轻松地从头开始构建屏幕。但是,当您需要更进一步并完全自定义时会发生什么?了解更高级的布局概念,以构建您自己的自定义布局,将您的设计实现提升到一个新的水平。

约束和修饰符顺序

视频 可选

Compose 中的修饰符可以链接,我们链接的顺序很重要。但这究竟是如何重要的呢?学习推断修饰符链接以及它如何影响可组合项的大小。

测验

测试您学到的知识并获得布局和动画徽章。