android shape實現陰影或模糊邊效果

android實現陰影的方式有不少，

1.   Android 在 API21（5.0）添加了 elevation，能夠很方便的在 View 上實現陰影。可是這個只在 >= API21 的手機上能夠看到陰影效果，低於這個版本的就沒有陰影效果。

2.  CardView 也能夠實現陰影效果，項目中通常都是使用這種方式實現卡片式的效果並帶有陰影。使用 CardView 確實很不錯，可是它在使用的時候也是須要有注意的地方：

　(1) CardView 實現陰影效果的佈局，在 >= API 21 的版本上和 < 21 的版本上，若是不在代碼上作好控制，他們的顯示差別仍是很大的。(2) CardView 在 >= API21 的版本上實現陰影效果也是經過 elevation 來實現的，最終的渲染是調用 native 方法進行的。在使用過程當中發如今不一樣位置的 View 陰影的方向是不同的。不知道大家發現沒，它模擬的場景就是 光源的位置在屏幕中心的正上方，而後 View 的位置由光源的位置決定。陰影方向不一致。

3. 經過 .9 圖來製做陰影，這裏經過一個很好的工具來製做哈：http://inloop.github.io/shadow4android/，這種方式製做小的背景陰影很模糊，效果上比不過 shape。

4. 用 SCardView 來實現陰影，使用方式和 CardView同樣，可是它是使用一套代碼，顯示不會有差別，並且能夠經過設置光源的位置來控制陰影的方向以及陰影的顏色。

compile 'io.github.meetsl:SCardView:1.0'

5. 經過shape來實現，具體是經過layer-list 多層疊放的方式實現的。

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 3     <!-- 邊 -->
 4     <item>
 5         <shape android:shape="rectangle">
 6             <padding
 7                 android:bottom="2dp"
 8                 android:left="2dp"
 9                 android:right="2dp"
10                 android:top="2dp" />
11             <solid android:color="#00CCCCCC" />
12             <corners android:radius="8dp" />
13         </shape>
14     </item>
15     <item>
16         <shape android:shape="rectangle">
17             <padding
18                 android:bottom="2dp"
19                 android:left="2dp"
20                 android:right="2dp"
21                 android:top="2dp" />
22             <solid android:color="#10CCCCCC" />
23             <corners android:radius="8dp" />
24         </shape>
25     </item>
26     <item>
27         <shape android:shape="rectangle">
28             <padding
29                 android:bottom="2dp"
30                 android:left="2dp"
31                 android:right="2dp"
32                 android:top="2dp" />
33             <solid android:color="#20CCCCCC" />
34             <corners android:radius="8dp" />
35         </shape>
36     </item>
37     <item>
38         <shape android:shape="rectangle">
39             <padding
40                 android:bottom="2dp"
41                 android:left="2dp"
42                 android:right="2dp"
43                 android:top="2dp" />
44             <solid android:color="#30CCCCCC" />
45             <corners android:radius="8dp" />
46         </shape>
47     </item>
48     <item>
49         <shape android:shape="rectangle">
50             <padding
51                 android:bottom="2dp"
52                 android:left="2dp"
53                 android:right="2dp"
54                 android:top="2dp" />
55             <solid android:color="#50CCCCCC" />
56             <corners android:radius="8dp" />
57         </shape>
58     </item>
59 
60     <!-- 中心背景 -->
61     <item>
62         <shape android:shape="rectangle"
63             android:useLevel="false">
64             <!-- 實心 -->
65             <solid android:color="#ffffff" />
66             <corners android:radius="10dp" />
67             <padding android:left="10dp"
68                 android:right="10dp"
69                 android:top="10dp"
70                 android:bottom="10dp"/>
71         </shape>
72     </item>
73 </layer-list>

使用

1 android:background="@drawable/layer_white_bg"

各類方式的差別 

方式	是否有顯示差別	是否能夠控制陰影方向	是否能夠設置陰影顏色	陰影是否佔位	是否模糊	繪製效率	其餘
elevation	無	不可控制	不可設置	不佔位	不	高，經過 native 繪製	只在 API 21 生效
CardView	有	不可控制	不可設置	不佔位	不	Api 21 上效率高，經過native 繪製
shape	無	可控	可設置	佔位	不	通常
.9 圖	無	可控，生效一次，更改需從新生成	可設置，更改需從新生成	佔位	模糊	慢（加載圖片顯示）
SCardView	無	可控	可設置	不佔位	不	通常