众所周知,with和height是所有View的基础属性。用一个二维坐标系来描述手机屏幕,那么它们就分别表示了View在坐标系上x、y方向上值 ——这是我们一直都习惯的自然表示。
然而,从Android5.0(API21)开始,Google引入了一个z值,把二维坐标系强行改成了三维。
在Android API21,新添加了一个属性: android:elevation
,用以在xml定义View的深度(高度),也即z方向的值。
除了 elevation
之外,类似于已有的translationX、translationY,也相对应地新增了一个 translationZ
,用以在属性动画中动态改变Z值(使用View.setTranslationZ())。
Z = elevation + translationZ
在引入了这个属性之后,主要影响有两个:
Z值会对View的阴影外观造成影响,但是不是对View大小造成影响。
拥有更大Z值的View会有一个更大但是更柔和的阴影——这跟我们生活的实际体验是一致的,官方给的效果图:
拥有更大Z值的View会挡住Z值比较小的View——即更大Z值的View会在最上层。
譬如,在正常的FrameLayout中,子View的绘制顺序是从上到下,也就是说,最后一个子View会显示到最上面,如果位置跟前面的View有重合,则会盖住前面的View。
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/viewA" android:background="#f00" android:text="A" android:gravity="center" android:layout_width="100dp" android:layout_height="100dp" /> <TextView android:id="@+id/viewB" android:background="#0f0" android:text="B" android:gravity="center" android:layout_marginLeft="60dp" android:layout_marginTop="60dp" android:layout_width="100dp" android:layout_height="100dp" /> <!--ViewC有了一个elevation属性 --> <TextView android:id="@+id/viewC" android:layout_marginLeft="180dp" android:background="#f00" android:text="C" android:gravity="center" android:elevation="1dp" android:layout_width="100dp" android:layout_height="100dp" /> <TextView android:id="@+id/viewD" android:background="#0f0" android:text="D" android:gravity="center" android:layout_marginLeft="240dp" android:layout_marginTop="60dp" android:layout_width="100dp" android:layout_height="100dp" /></FrameLayout>
比如,上面的xml代码,效果如下图所示:
为什么会提到CardView呢?因为CardView可以算作是一个官方使用的Z值的示例了。
CardView 扩展 FrameLayout 类别并让您能够显示卡片内的信息,这些信息在整个平台中拥有一致的呈现方式。CardView 小组件可拥有阴影和圆角。
CardView是在v7支持包里面的,在API<21时,实现方式是padding+绘制阴影;而在在API>=21时,就是用elevation属性来实现的啦!
知道了这些,也可以解释一些以前觉得诡异的View覆盖的问题了,比如:我明明在CardView的上层放了一个Button,为什么Button看不到了???
(傻孩子,因为CardView默认的elevation的呀)
联系客服