Material Design高度

  • 高度
    组件都有高度,高度的不同通过阴影来体现。


    Material Design高度_第1张图片

每个组件都有两种高度,一种是静止高度,一种是感应高度。
静止高度就是默认的高度,感应高度是事件反馈的高度。
就如下图,列表的每个item有个静止高度,按压时卡片是向上弹起的,这个弹起后的高度就是感应高度。


Material Design高度_第2张图片

为了避免冲突,MD有一个规范制定常用控件的静止高度和感应高度分别是多少,其实不用我们自己设,就是默认值。
具体如下(若不指出感应高度,说明该组件通常不发生按压反馈,例如应用条):

  • 应用条(4dp):


    Material Design高度_第3张图片
  • 按钮(2dp - 8dp):


    Material Design高度_第4张图片
  • 悬浮按钮(6dp - 12dp)


    Material Design高度_第5张图片
  • 卡片(2dp - 8dp)


    Material Design高度_第6张图片
  • 菜单和子菜单(8dp - 每下一级菜单 + 1dp)


    Material Design高度_第7张图片
  • 对话框(24dp)


    Material Design高度_第8张图片
  • 抽屉(16dp)


    Material Design高度_第9张图片
  • 底部单页(16dp)


    Material Design高度_第10张图片
  • 刷新按钮(3dp)


    Material Design高度_第11张图片
  • 搜索条(2dp - 3dp)


    Material Design高度_第12张图片
  • Snackbar(6dp)


    Material Design高度_第13张图片
  • 切换按钮(1dp)


    Material Design高度_第14张图片

你可能感兴趣的:(Material Design高度)