卡片
使用收藏夹保持井井有条 根据您的偏好保存和分类内容。
该 Card 组件包含有关单个主题的内容和操作。
结构
卡片组件只有一个插槽。卡片可以包含图标、图像或标签,并且可以自定义。
默认情况下,卡片为带有圆角和渐变背景的矩形。将卡片的最大高度设置为 60% 以确保它在屏幕上完全显示,因为圆形显示屏可能会剪裁屏幕顶部和底部的多达 20%。
标题卡片
使用 标题卡片 在应用中显示信息,例如消息。标题卡片具有三插槽布局,包括标题、可选的时间字段和相关内容(图像或文本)。
应用卡片
使用 应用卡片 显示来自多个应用的交互式元素。应用卡片具有五插槽布局,包括应用图标、应用名称、活动发生时间、某种标题和相关内容(图像或文本)。
卡片渐变
卡片渐变
顶部/左侧 + 距左侧 68dp 的填充 = 100% 界面
底部/右侧 = 0% 界面
图像卡片覆盖层
顶部/左侧 + 距 T/L 56 dp 的填充 = 100% 界面
底部/右侧 + 距 B/R 24 dp 的填充 = 0% 界面
(图像背景上的渐变覆盖层)
尺寸
卡片宽度
卡片默认为容器的最大宽度。
卡片高度
卡片高度是灵活的。它由组件的内容决定。
在圆形手表屏幕上,高度超过屏幕 60% 的卡片会被裁剪。
用法
自适应布局
TitleCard
在较大的屏幕上,我们允许正文复制多一行文本。为了显示更多图像,在底部添加 24 dp 的放大填充。
带有内联图像的 TitleCard(替换正文复制插槽)
在较大的屏幕上,图像不会更改其纵横比,并且右侧有填充,以避免卡片的高度过大。
具有其他自定义的卡片
带有图像背景的卡片
为了实现此布局,您需要自定义。
图像卡片显示与单个主题相关的内容,并带有背景图像。图像卡片也可以显示独立的图像。
建议将底部填充增加到 24 dp,以便显示更多背景图像,而不会覆盖文本。
此页面上的内容和代码示例受内容许可中描述的许可证约束。Java 和 OpenJDK 是 Oracle 和/或其关联公司的商标或注册商标。
上次更新时间:2024-07-12 UTC。
[{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"缺少我需要的信息" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"过于复杂/步骤过多" },{ "type": "thumb-down", "id": "outOfDate", "label":"已过时" },{ "type": "thumb-down", "id": "samplesCodeIssue", "label":"示例/代码问题" },{ "type": "thumb-down", "id": "otherDown", "label":"其他" }]
[{ "type": "thumb-up", "id": "easyToUnderstand", "label":"易于理解" },{ "type": "thumb-up", "id": "solvedMyProblem", "label":"解决了我的问题" },{ "type": "thumb-up", "id": "otherUp", "label":"其他" }]
{ "lastModified": "上次更新时间:2024-07-12 UTC。", "confidential": False }