Android 陰影背景圖的實現!

最近開發需要用到有陰影的背景圖片,於是用cardview實現了一下,結果被設計師說啥沒按設計圖實現,這個背景圖醜的罵娘,只好整個切個背景圖,看到UI那個臭臉,真是Fu*k!,

只好自己畫一個,記錄一下,以備以後使用;

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

    <!--背景顏色-->
    <item >
        <shape>
            <solid android:color="#ffffff">
            </solid>
            <corners android:radius="2dp"/>
        </shape>
    </item>

    <!--頂部陰影-->
    <item  android:height="3dp" android:gravity="top" >
        <shape >
            <corners android:topLeftRadius="4dp"
                android:topRightRadius="4dp"/>
            <gradient android:startColor="#599b9b9b  "
                android:angle="-90"
                android:endColor="#FFFFFF"/>
        </shape>
    </item>
    <!--左邊陰影-->
    <item  android:width="3dp" android:gravity="left" android:top="2dp">
    <shape>
        <gradient android:startColor="#599b9b9b"
            android:angle="0"
            android:endColor="#FFFFFF"/>
    </shape>
    </item>
    <!--右邊陰影-->
    <item  android:width="3dp" android:gravity="right" android:top="2dp">
        <shape>
            <gradient android:endColor="#599b9b9b"
                android:startColor="#FFFFFFFF"/>
        </shape>
    </item>
    <!--底部陰影   必須計算控件的高度設置距離top的高度,-->
    <item  android:height="3dp" android:gravity="bottom" android:top="98dp">
        <shape >
            <corners android:bottomLeftRadius="4dp"
                android:bottomRightRadius="4dp"/>
            <gradient android:startColor="#599b9b9b"
                android:angle="90"
                android:endColor="#FFFFFFFF"/>
        </shape>
    </item>
</layer-list>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章