安卓的elevation、以及Z值等

最新推荐文章于 2024-06-29 22:19:33 发布

Jsoh

最新推荐文章于 2024-06-29 22:19:33 发布

阅读量1.3k

点赞数 1

分类专栏： Android(UI组件)

Android(UI组件) 专栏收录该内容

19 篇文章

订阅专栏

你可能还不知道的elevation、以及Z值等

原地址：

http://blog.csdn.net/barryhappy/article/details/52700668

Android你可能还不知道的elevation以及Z值等

【Android】你可能还不知道的elevation、以及Z值等

elevation、以及Z值——是什么？

众所周知，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

有什么用处呢？

在引入了这个属性之后，主要影响有两个：

影响View的阴影
影响View相互阻挡顺序

1. 影响View的阴影

Z值会对View的阴影外观造成影响，但是不是对View大小造成影响。
拥有更大Z值的View会有一个更大但是更柔和的阴影——这跟我们生活的实际体验是一致的，官方给的效果图：
这里写图片描述

2. 影响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>
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

比如，上面的xml代码，效果如下图所示：
images/14749442056749.jpg)

先看ViewA、ViewB，因为ViewB是第二个子View，ViewA是第一个，所以B会覆盖在A的上面。
然后ViewC、D，跟AB相比较，区别就在于ViewC多了一个elevation属性，有了一个比ViewD更大的Z值，所以，即使它在ViewD的前面，但是依然能够盖住D~ （ViewC：因为朕站的更高，哇哈哈~ ）