Android设计尺寸规范(四):UI组件布局

列表 List

Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局
垂直边框和水平外边距
边框左右外边距各16dp
带有图标或者头像的内容有 72dp 的左边距。
垂直边距
1. 状态栏:24dp
2. 工具栏:56dp
3. 子标题:48dp
4. 列表项:72dp
垂直边框和水平外边距
边框左右外边距各16dp
带有图标或者头像的内容有 72dp 的左边距
垂直边距
1. 状态栏:24dp
2. 工具栏:56dp
3. 标题和列表项:48dp
4. 子标题:48dp
5. 内容区域间的距离:8dp

 

详情视图 Detail view

Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局
垂直边框和水平外边距
边框左右外边距各16dp
带有图标或者头像的内容有 72dp 的左边距
右边图标的右边距为32dp
垂直边距
1. 状态栏:24dp
2. 工具栏:56dp
3. 内容区域间的距离:8dp
4. 列表项:72dp
垂直边框和水平外边距
边框左右外边距各16dp
带有图标或者头像的内容有 72dp 的左边距
弹出菜单与右边框的距离为56dp
垂直边距
1. 列表项:48dp
2. 内容区域间的距离:8dp
3. 导航右边距:56dp

 

触控区域尺寸 Touch target size

Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局

头像:40dp
图标:24dp
触控区:48d

实例

触控区域高度:48dp
按钮高度:36dp

实例

 

应用栏 App bar

Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局 Android设计尺寸规范(四):UI组件布局
应用栏高度:56dp
应用栏左右内边距:16dp
应用栏图标上、下、左内边距:16dp
应用栏标题左内边距:72dp
应用栏标题下内边距:20dp
应用栏高度:128dp 操作栏高度:56dp
标题栏高度:80dp
标题栏底部内边距:8dp
描述区域高度:72dp
描述区底部内边距:16dp

文章转载请注明出处,并需展示来源网址!:淘盒子 » Android设计尺寸规范(四):UI组件布局

赞 (1) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏