美文网首页
Material Design高度

Material Design高度

作者: 许宏川 | 来源:发表于2015-11-14 16:53 被阅读306次
    • 高度
      组件都有高度,高度的不同通过阴影来体现。


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


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

    • 应用条(4dp):


    • 按钮(2dp - 8dp):


    • 悬浮按钮(6dp - 12dp)


    • 卡片(2dp - 8dp)


    • 菜单和子菜单(8dp - 每下一级菜单 + 1dp)


    • 对话框(24dp)


    • 抽屉(16dp)


    • 底部单页(16dp)


    • 刷新按钮(3dp)


    • 搜索条(2dp - 3dp)


    • Snackbar(6dp)


    • 切换按钮(1dp)


    相关文章

      网友评论

          本文标题:Material Design高度

          本文链接:https://www.haomeiwen.com/subject/tivhhttx.html