Android自定義Shape 加上陰影shadow之方法

Android支持自定義Shape， 以畫出需要的形狀，可以作為TextView, EditText, Button的背景drawable資源。Shape很簡單，就是一個XML文件，SDK文檔裡描述其格式如下：

1. <?xml version="1.0" encoding="utf-8"?>
2. <shape
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:shape=["rectangle" | "oval" | "line" | "ring"] >
5. <corners
6. android:radius="integer"
7. android:topLeftRadius="integer"
8. android:topRightRadius="integer"
9. android:bottomLeftRadius="integer"
10. android:bottomRightRadius="integer" />
11. <gradient
12. android:angle="integer"
13. android:centerX="integer"
14. android:centerY="integer"
15. android:centerColor="integer"
16. android:endColor="color"
17. android:gradientRadius="integer"
18. android:startColor="color"
19. android:type=["linear" | "radial" | "sweep"]
20. android:usesLevel=["true" | "false"] />
21. <padding
22. android:left="integer"
23. android:top="integer"
24. android:right="integer"
25. android:bottom="integer" />
26. <size
27. android:width="integer"
28. android:height="integer" />
29. <solid
30. android:color="color" />
31. <stroke
32. android:width="integer"
33. android:color="color"
34. android:dashWidth="integer"
35. android:dashGap="integer" />
36. </shape>

其支持的屬性沒有shadow， 做Web前端開發的同學寫CSS可以很方便地加一個shadow屬性值，如何給Android Shape加一個shadow，以得到類似的效果呢？

答案是使用layer-list ! 直接上代碼如下：

1. <?xml version="1.0" encoding="utf-8"?>
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
4. <item>
5. <shape android:shape="rectangle">
6. <solid android:color="#792a03" />
7. <corners android:radius="19dp" />
8. </shape>
9. </item>
11. <item android:top="1px">
12. <shape android:shape="rectangle">
13. <gradient android:startColor="#ffdb8f" android:endColor="#ffdb8f"
14. android:angle="270" />
15. <padding android:left="5dp" android:top="3dp" android:right="5dp"
16. android:bottom="3dp" />
17. <corners android:radius="20dp" />
18. </shape>
20. </item>
22. </layer-list>

將以上xml存成btn_test, 放到res/drawable/目錄下。 將該drawable xml設為一個TextView的backgroiund,

1. <TextView
2. android:background="@drawable/btn_test"
4. android:layout_marginTop="20dip"
5. android:layout_marginLeft="5dip"
6. android:textColor="#792a03"
8. android:text="1天2小時14分20秒"
9. android:layout_width="wrap_content"
10. android:layout_height="wrap_content" />