MD环境有两个概念,一个是三维,另一个是光源。
三维
MD的三维是基于三点体现在以下两点
-
卡片的位置有X,Y,Z的三维属性
-
卡片有厚度,默认都是1dp厚
光源
MD是有光源的,默认是手机屏幕正上方的直射光。光的存在体现在卡片有阴影。卡片阴影又会随卡片随高度的变化而变化。
另外阴影分两种,一种是直射光照射产生的阴影,如下图。
另一种是散射光产生的阴影,如下图。这有个问题,哪来的散射光呢?刚说直射光来源是屏幕正上方,而直射光照射到卡片就会发生散射产生散射光照射到其它卡片。
还有就是直射光和散射光同时产生的阴影。
基于三维和光源这两点,可以想象成MD风格的App是建立在一个长方体空间里,并且上方有直射光照入。
网友评论