海拔高度
海拔高度是指层面之间在Z轴上的相对距离。每个应用程序都有一个承载层作为0dp的基准面来放置组件与内容。
度量
由于Material层面具有厚度,因此它们之间的海拔差是上表面之间的海拔差。海拔高度的单位与长、宽单位一致,均为dp(密度无关像素)。
海拔高度是相对的,元素的海拔高度可以继承。
静息海拔
在质感设计中,所有组件都有各自的常态、默认海拔高度,也就是静息海拔。为了与界面布局和主体内容相适应,部分组件的静息海拔有多种选择。
在不同种类的设备上组件的静息海拔可能会有所不同。比如电视的屏幕更厚,因此能展示更广的景深,其中组件的静息海拔就会更高。而为了适应桌面端的多窗口和鼠标输入环境,部分组件的静息海拔会有所降低。
海拔(dp) | 组件 |
---|---|
24 | 对话框 |
16 | 单页(导航抽屉、底部单页、侧边单页等) |
9 | 子菜单(每叠加一层子菜单其海拔增加1dp) |
8 | 底部导航菜单 |
6 | 浮动操作按钮条形通知 |
4 | 应用栏 |
3 | 刷新指示器 |
2 | 卡片悬浮按钮搜索栏 |
1 | 开关 |
0 | 扁平按钮工具栏(应用栏、搜索栏) |
响应海拔与动态海拔差
部分组件会响应用户输入或系统事件而改变自身的海拔。其海拔的变化量即为固定的动态海拔差,以此确保同种组件在响应某种输入或事件时的海拔变化保持一致。
一旦输入或事件中止、完成,组件应尽快回到静息海拔。
海拔变化量(dp) | 组件及状态 |
---|---|
+6 | 浮动操作按钮(点按时)卡片(点按时)悬浮按钮(点按时) |
+4 | 工具栏(滚动时解决层面冲突) |
+1 | 搜索栏(滚动时解决层面冲突) |
具备响应海拔的组件在改变海拔时,有可能会被其他组件遮挡。要避免这些冲突,可以尝试改变组件的有无、位置或整个应用的布局。