轮播用于展示一组项目，这些项目可以通过滚动进入或离开屏幕。
一、概览
1. 设计原则
- 包含图像或视频等视觉项目，并可选配标签文本。
- 四种布局：多浏览（Multi-browse）、无容器（uncontained）、主视觉（hero）和全屏（full-screen）。
- 布局可以起始对齐或居中对齐。
- 项目视觉在滚动时具有视差效果。
- 项目在轮播中移动时会改变尺寸。
轮播可以展示不同尺寸的项目
2. 更新
2025 年 11 月
- 新的轮播布局：无容器多宽高比（Uncontained multi-aspect ratio）
2023 年
新增的布局与配置：
- 无容器（Uncontained）
- 全屏（Full-screen）
- 居中轮播（Centered carousels）
- 主视觉轮播布局（Hero carousel layout）
- 多浏览布局（Multi-browse layout）
两种新的轮播类型：
① 无容器（Uncontained）
② 全屏（Full-screen）
3. 与 M2 的差异
该组件是 Material 3 中新增的。
形状：动态轮播项目在滚动时会改变形状
动效：轮播项目的移动速度与其内容不同，从而产生视差效果
交互：滚动时，轮播项目会吸附到位，以保持相同的布局。
- 主视觉轮播（Hero carousels）每次滑动切换一个项目。
- 多浏览轮播（Multi-browse carousels）一次滚动可浏览多个项目。
主视觉轮播（Hero carousels）一次滚动只浏览一个大尺寸项目
4. 研究
Material 研究团队与 200 多名参与者进行了两项研究（定量与定性），以了解他们对五种不同轮播设计的看法。
研究衡量了他们对每种轮播的交互方式的理解、对每种设计中项目数量的预期，以及他们对轮播使用方式的预期。
研究结论摘要：
- 参与者认为，轮播是探索多种不同类型内容的一种好方式。
- 出现预览中的项目或被挤压的项目，强烈暗示还有更多内容可以继续滑动查看。
- 对于一次滚动可浏览多个项目的轮播，参与者预期其中大约有 10 个项目。
- 尽管某些场景被认为更适合某些轮播设计，但所有设计都被认为在可用性上大致相当。
二、规格
① 容器
② 大号轮播项目
③ 中号轮播项目
④ 小号轮播项目
1. 颜色
颜色值通过设计令牌（design tokens）来实现。对于设计而言，这意味着使用与令牌对应的颜色值来工作。对于实现而言，一个颜色值将是一个引用某个值的令牌。
用于浅色与深色配色方案的轮播颜色角色：
① 容器
② 表面（Surface）
2. 状态
状态（States）是用于传达组件或可交互元素状态的视觉表现。
① 启用
② 悬停
③ 聚焦
④ 按下
⑤ 禁用
3. 轮播项目动态宽度
所有类型的轮播项目都会动态适配容器的宽度。
大号项目具有可自定义的最大宽度，用于将轮播项目尽可能优化地适配到可用空间中。
小号轮播项目的最小宽度为 40dp，最大宽度为 56dp。
项目在轮播布局中移动时会改变尺寸。
小号轮播项目有最小宽度和最大宽度
4. 多浏览
多浏览布局（Multi-browse layout）至少会显示一个大号、中号和小号轮播项目。
① 容器
② 大号轮播项目
③ 中号轮播项目
④ 小号轮播项目
