引言：新建那么多xml，寫了那么多布局文件错沽，少年簿晓，你寫過elevation屬性嗎？
一甥捺、elevation
我們知道抢蚀，在RelativeLayout里面，或者更加純凈的FrameLayout里面镰禾，后寫的View會覆蓋之前寫的View上面皿曲。
比如：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="300dp"
android:background="#ff0000"
>
<View
android:id="@+id/vGeeen"
android:layout_width="200dp"
android:layout_height="200dp"
android:background="#00ff00"/>
<TextView
android:id="@+id/vBlue"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#0000ff"/>
</RelativeLayout>
</RelativeLayout>
效果
嗯，這很正常吴侦，vBlue現(xiàn)在vGeeen之上屋休，一切很正常。
這時候备韧，主角elevation登場劫樟。
我們稍加改動，給vBlue加上一行代碼：android:elevation="1dp"
即現(xiàn)在代碼變成：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="300dp"
android:background="#ff0000"
>
<View
android:id="@+id/vGeeen"
android:layout_width="200dp"
android:layout_height="200dp"
android:elevation="1dp"
android:background="#00ff00"/>
<TextView
android:id="@+id/vBlue"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#0000ff"/>
</RelativeLayout>
</RelativeLayout>
在看看現(xiàn)在的效果：
我的mBlue哪去啦织堂，說好的最后出場的都是主角呢叠艳，mBlue居然不見啦！
我們知道易阳，在css里面附较，我們經(jīng)常會計算權(quán)重，在剛剛的實踐里面潦俺，加了mGreen加了android:elevation="1dp"拒课，相當(dāng)于在這些View里面他的權(quán)重提高了，升官啦事示！
在android的世界里面早像，elevation起到了權(quán)重的作用，而且肖爵，每一個View的默認(rèn)權(quán)重都是0dp卢鹦，但在Google說他是一個陰影的作用，但是實際上由于MD設(shè)計的高度Z造成的劝堪，后面我會說到
如果我們把上面的mGreen的把elevation設(shè)置為android:elevation="0dp"法挨，那么一切照舊，最后出場的mBlue依然會覆蓋著mGreen幅聘。
原來凡纳，這個elevation是2014 年，Google 推出了Material Design新的 Android 支持庫 v7之后才有的產(chǎn)物（但是過了這么久我都沒用過elevation屬性帝蒿，慚愧）
那為什么elevation可以起到類似權(quán)重的作用呢荐糜？
因為，在MD設(shè)計里面，視圖可以投射陰影暴氏， elevation 值決定了陰影的大小和順序延塑。要設(shè)定 elevation 值
我們來新建一個布局，給TextView設(shè)置android:elevation="30dp"答渔，看看會產(chǎn)生什么效果
設(shè)置
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<TextView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#000000"
android:layout_centerInParent="true"
android:elevation="30dp"
/>
</RelativeLayout>
通過上圖已經(jīng)很說明了情況关带。
二、Material Design 之高度視圖高度 Z
在Material Design主題當(dāng)中給UI元素引入了高度的概念沼撕，視圖的高度由屬性Z來表示宋雏，決定了陰影的視覺效果，Z越大务豺，陰影就越大且越柔和磨总。但是Z值并不會影響視圖的大小。
視圖的Z值由兩個分量表示：
- 1笼沥、Elevation：靜態(tài)的分量
- 2蚪燕、Translation：用于動畫的動態(tài)的分量
Z值的計算公式為：
Z=elevation+translationZ
elevation屬性和translationZ是好朋友。
具體我們就不在這里細說了奔浅，具體了解可以查閱Material Design中的Elevation和shadows馆纳，寫的挺好的。
三汹桦、緣從何時起
那么鲁驶，這個elevation屬性我是如何發(fā)現(xiàn)的。
一切都要從CardView說起营勤。
我們經(jīng)常會在CardView里面設(shè)置類似app:cardElevation="5dp"之類的代碼灵嫌。
然后就是我發(fā)現(xiàn)處于CardView底部一個View死活不出來壹罚，app:cardElevation就是
CardView獨有的elevation葛作，當(dāng)然了，CardView也是可以設(shè)置elevation的猖凛。
小結(jié)一下：
MD設(shè)計中赂蠢，視圖有高度的概念，用Z來表示辨泳，Z受到Elevation和Translation兩個量控制虱岂，因為這個高度的概念，導(dǎo)致了elevation屬性產(chǎn)生了類似css中的權(quán)重的作用菠红。
END第岖，謝謝閱讀。
