底部卡片

底部卡片有两种主要类型：

• 模态化底部卡片可以被菜单或简单的对话框替代。它也可以用于显示来自其他应用的深层链接。它主要用于手机端。
• 固定显示的底部卡片和应用是一个整体，用于显示应用所支持的内容。

用高度来区分模态化和固定显示的底部卡片。模态化的底部卡片的高度比应用内容高；而固定显示的底部卡片和应用内容一样高，和应用内容是一个整体。

在大屏设备中，有足够空间的情况下，使用其他组件，如简单对话框或菜单代替底部卡片会更合适。

模态化的底部卡片是菜单与简单对话框的备选方案，它可以显示来自其他应用上的深层链接。它显示在其他 UI 元素上方，且必须将其关闭后才能与底层的内容进行交互。当一个模态化底部卡片滑入屏幕，屏幕的其他地方变暗，视觉焦点位于底部卡片上。

底部卡片可以通过深层链接显示其他应用的内容，这些链接可以是：

• 允许用户在另一个 app 内浏览更深层级的内容
• 返回到最开始的地方

然而，这些深层链接不允许用户在层次结构中向上导航：它们可以仅停留在初始层级、或更深的层级、或返回到初始层级。

此外，深层链接可以将用户从底部卡片完全导航到另一个视图。

要从底部卡片的深层链接向上导航，需要提供一个明确的链接，通过菜单打开应用。深层链接的底部卡片中的操作可能会打开其他应用，例如使用 “添加联系人” 操作。

关闭底部卡片的方式可以是向下滑动、点击关闭控件（例如应用栏中的 X）、或者触摸系统后退按钮（Android）。

模态化底部卡片也可以通过触摸卡片外面的区域来关闭。

底部卡片从屏幕的底部向上滑出，并覆盖屏幕的一部分。

底部卡片的初始高度和它包含的列表（或网格）的高度相关联。底部卡片的高度取决于它包含的内容的多少，但初始高度不应超过 16:9。底部卡片可以通过向上滑动来增加高度，并允许内容在卡片内滚动。