卡片

卡片可以承载多种信息，包括文字、图标、图片、Gemini 回答和操作。

设计原则

内容相关：将相关信息与操作组合成一个容易理解的单元。

层次清楚：有条理地呈现内容，便于快速浏览。

适应多种内容：既能承载简短文字，也能呈现由多个元素组成的复杂摘要。

模块化复用：卡片按模块化方式设计，可在使用 Jetpack Compose Glimmer 的眼镜界面中重复使用。

使用与布局

卡片可以容纳文字、图标、图片、操作或 Gemini 回答等多种内容。

应使用 Jetpack Compose Glimmer 的卡片模板。模板提供多种变体，并已按照眼镜设计原则完成优化，可以直接使用。

需要提供多个操作时，应让卡片与按钮组搭配使用。

组件构成

卡片使用预设的内容槽位模板构建。

1. 顶部区域（Header）：位于卡片顶部，用于放置图片。

2. 标题与副标题：分别提供卡片的主要与次要文字标签。

3. 前置图标：可选，位于卡片内容区域的起始位置。

4. 后置图标：可选，位于卡片内容区域的末尾。

5. 操作区域（Action）：用于放置按钮等主要交互元素，让用户直接在卡片中执行操作。卡片如果包含操作，就应只包含一个。

6. 主内容（Main Content）：卡片的核心内容区域，用于放置主要文字或其他内容。

焦点

如果卡片主要用于承载某个交互元素，例如操作区域内的按钮，焦点应直接落在该元素上，而不是卡片容器上。当一张卡片代表一个可导航的独立项目，例如列表中的一项时，卡片本身便可获得焦点。这样既能让操作更直接，也能改善可访问性。

自定义