Android中用layer-list編寫陰影效果

轉載自：Android中用layer-list編寫陰影效果

 

要實現這種效果當然有多 種方式，比如背景圖片直接加陰影效果，或者用代碼畫一個（onDraw()）。這次我們直接用layer-list來實現。在項目 res->drawable中創建一個xml，如果列表中有layer-list選擇的話直接選擇創建，如果沒有的話就隨意（似乎4.0以下沒有 layer-list選擇），沒有的話將xml文件中的根標簽改為layer-list即可。上述效果具體代碼如下：

 

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 陰影部分 -->
    <!-- 個人覺得更形象的表達：top代表下邊的陰影高度，left代表右邊的陰影寬度。其實也就是相對應的offset，solid中的顏色是陰影的顏色，也可以設置角度等等 -->
    <item
        android:left="2dp"
        android:top="2dp">
        <shape android:shape="rectangle" >

            <gradient
                android:angle="270"

                android:endColor="#0F000000"
                android:startColor="#0F000000" />

            <corners
                android:bottomLeftRadius="6dip"
                android:bottomRightRadius="6dip"
                android:topLeftRadius="6dip"
                android:topRightRadius="6dip" />
        </shape>
    </item>

    <!-- 背景部分 -->
    <!-- 形象的表達：bottom代表背景部分在上邊緣超出陰影的高度，right代表背景部分在左邊超出陰影的寬度（相對應的offset） -->
    <item
        android:bottom="3dp"
        android:right="3dp">
        <shape android:shape="rectangle" >

            <gradient
                android:angle="270"
                android:endColor="#FFFFFF"
                android:startColor="#FFFFFF" />

            <corners
                android:bottomLeftRadius="6dip"
                android:bottomRightRadius="6dip"
                android:topLeftRadius="6dip"
                android:topRightRadius="6dip" />
        </shape>
    </item>

</layer-list>