形状
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
形状有助于突出某些屏幕元素相对于其他元素的重要性。
指南一览 (TL;DR):
- 为主要操作和组件使用大圆角(较大圆角半径)
- 为低强调度元素使用圆角较小的圆角(下角半径)
角半径值
Android for Cars 提供了一组圆角半径值,用于强调各种屏幕元素相对于其他元素的重要性。
R0 |
R1 |
R2 |
R3 |
R4 |
0dp |
4dp |
8dp |
16dp |
完整 |
使用舍入来实现强调
Android Automotive 中的圆角和方角形状可以形成视觉层次结构,吸引用户关注重点较高的元素。强调度较高的元素的角更圆,角半径较大。低强调度元素的角不太圆,并且圆角半径较小。
四级圆角半径示例,从最低(0 dp = 方形)到最高(圆形)
0dp - 基准
对不需要额外强调的基线元素使用 0dp(方形)角。工具栏或列表等基本布局结构应使用 0dp 的边角。图片还应具有 0dp 的边角,除非它们被圆角容器(例如卡片)遮盖或处于选定状态。
右侧网格中的专辑封面不需要相对于彼此或显示的其他元素进行任何额外强调,因此会有 0dp 的边角(详情请见左侧)
8dp - 低强调度
8dp 是圆角形状的默认圆角半径。此形状可用于指示低强调度的互动元素,例如卡片和容器。
此处显示的通知卡片使用默认的 8dp 圆角半径(如左侧所示),比卡片上的操作按钮(如右图所示)更重要,后者更为重要
16dp - 中强调度
为中强调度的组件(包括互动元素和展开式组件)使用 16dp 的圆角半径。
此处,16dp 圆角半径用于为底部动作条提供中等强调效果,该动作条暂时比屏幕上的当前内容更为重要
圆形 - 高强调度
圆形形状对于大部分为直线的形状具有更强的视觉冲击力。应保留用于高强调度的组件,例如 FAB、条状标签和 widget。
此处使用全圆角和圆形,以便最大程度强调左下角的 FAB、右上角的操作按钮、左下角的 FAB
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-07-25。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2025-07-25。"],[],[]]