布局、主题设置和动画

实现更高级的布局,并为您的应用添加动态效果和样式。您将了解各种 Compose Animation API、如何实现 Material Design 3、如何使用自定义布局实现复杂设计,以及如何使用延迟布局创建高性能界面。

10 activities
1

Compose 布局和修饰符的基础知识

视频

了解布局和修饰符的基础知识:布局和修饰符如何协同工作、提供哪些开箱即用型 API,以及如何设置界面样式。

2

延迟布局

视频

了解如何在 Compose 中制作滚动列表,以及这样为什么比使用 RecyclerView 更简单。了解为什么不允许嵌套滚动列表、如何采用不同方式实现嵌套、为什么列表项的大小绝不能为 0 像素、为什么提供唯一的键非常重要,以及项动画如何运作。最后,您将探索如何显示网格、使用自定义布局管理器,以及了解如何优化性能以提高滚动速度。

3

Material Design 系统

视频

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

4

使用 Material Design 3 为应用设置主题

Codelab

在此 Codelab 中,您将了解如何使用 Jetpack Compose 的主题设置 API 来设置应用的样式。我们将介绍如何自定义颜色、形状和排版,以便在整个应用中以一致的方式运用这些元素,从而支持浅色主题、深色主题和动态主题。

5

设置文字样式

视频

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

6

5 个简短动画,让您的应用脱颖而出

视频

浏览 5 个快速动画,让您的应用在短短几分钟内生动起来。

7

Compose 中的绘制功能简介

视频

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

8

为元素赋予动画特效

Codelab

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

9

自定义布局和图形

视频 可选

Compose 提供各种开箱即用型解决方案,可帮助您快速轻松地从头开始构建界面。但是,如果您需要更进一步,以实现完全自定义的界面,该怎么办?详细了解高级布局概念,以便自行构建自定义布局,让您的设计实现更上一层楼。

10

约束条件和修饰符顺序

视频 可选

Compose 中的修饰符可以串联起来,且串联的顺序很重要。不过,究竟有多重要呢?了解修饰符串联的原因及其对可组合项的尺寸有何影响。