Android-高级 UI-09- MaterialDesign

83 阅读1分钟

image.png

Z 轴

在Material Design主题当中给UI元素引入了高度的概念,视图的高度由属性Z来表示,决定了阴影的视觉效果,Z越大,阴影就越大且越柔和。但是Z值并不会影响视图的大小。视图的Z值由两个分量表示:

  • 1、Elevation:静态的分量
  • 2、Translation:用于动画的动态的分量

Z值的计算公式为:Z=elevation+translationZ

image.png

image.png

通过对布局中每个视图设置不同的Z轴可以使布局更具立体感,并且可以突出重点

通用布局容器

image.png

专用布局容器

image.png

MaterialDesign支持库

image.png