Android 怎麼樣使用shape

 

剛剛翻論壇的時候看到的，總覺得以後會用的上這些零零碎碎的東西，所以轉載流存啦～～～～

原文http://www.eoeandroid.com/thread-71143-1-1.html

大家都應該明白的，在Android中常常會使用shape來定義控制項的一些顯示內容，那麼怎麼來用那，今天我們就來看一些shape的使用，大家看完這篇以後就會對shape有了大體的瞭解，下面的是稍作總結請大家仔細的觀看：

 

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape=["rectangle" | "oval" | "line" | "ring"] >     <gradient         android:angle="integer"         android:centerX="integer"         android:centerY="integer"         android:centerColor="integer"         android:endColor="color"         android:gradientRadius="integer"         android:startColor="color"         android:type=["linear" | "radial" | "sweep"]         android:usesLevel=["true" | "false"] />     <solid         android:color="color" />     <stroke         android:width="integer"         android:color="color"         android:dashWidth="integer"         android:dashGap="integer" />     <padding         android:left="integer"         android:top="integer"         android:right="integer"         android:bottom="integer" />     <corners         android:radius="integer"         android:topLeftRadius="integer"         android:topRightRadius="integer"         android:bottomLeftRadius="integer"         android:bottomRightRadius="integer" /> </shape>

Java代碼：

1. <shape>
2. <!-- 實心 -->
3. <solid android:color="#ff9d77"/>
4. <!-- 漸層 -->
5. <gradient
6. android:startColor="#ff8c00"
7. android:endColor="#FFFFFF"
8. android:angle="270" />
10. <!-- 描邊 -->
11. <stroke
12. android:width="2dp"
13. android:color="#dcdcdc" />
15. <!-- 圓角 -->
16. <corners
17. android:radius="2dp" />
19. <padding
20. android:left="10dp"
21. android:top="10dp"
22. android:right="10dp"
23. android:bottom="10dp" />
24. </shape>

複製代碼

       solid：實心，就是填充的意思
       android:color指定填充的顏色

       gradient：漸層
       android:startColor和android:endColor分別為起始和結束顏色，ndroid:angle是漸層角度，必須為45的整數倍。
       另外漸層預設的模式為android:type="linear"，即線性漸層，可以指定漸層為放射狀漸層，android:type="radial"，放射狀漸層需要指定半徑android:gradientRadius="50"。

       stroke：描邊
       android:width="2dp" 描邊的寬度，android:color 描邊的顏色。

       我們還可以把描邊弄成虛線的形式，設定方式為：
       android:dashWidth="5dp"
       android:dashGap="3dp"
       其中android:dashWidth表示'-'這樣一個橫線的寬度，android:dashGap表示之間隔開的距離。

       corners：圓角
       android:radius為角的弧度，值越大角越圓。
       我們還可以把四個角設定成不同的角度，方法為：

Java代碼：

1. <corners
2. android:topRightRadius="20dp" 右上方
3. android:bottomLeftRadius="20dp" 右下角
4. android:topLeftRadius="1dp" 左上方
5. android:bottomRightRadius="0dp" 左下角
6. />

複製代碼

       這裡有個地方需要注意，bottomLeftRadius是右下角，而不是左下角，這個有點鬱悶，不過不影響使用，記得別搞錯了就行。
       還有網上看到有人說設定成0dp無效，不過我在測試中發現是可以的，我用的是2.2，可能修複了這個問題吧，如果無效的話那就只能設成1dp了。

       padding：間隔
       這個就不用多說了，XML布局檔案中經常用到。

       大體的就是這樣，以下是一個使用的具體樣本：用在Selector中作為Button的背景，分別定義了按鈕的一般狀態、獲得焦點狀態和按下時的狀態，具體代碼如下：

Java代碼：

1. <Button
2. android:layout_width="wrap_content"
3. android:layout_height="wrap_content"
4. android:text="TestShapeButton"
5. android:background="@drawable/button_selector"
6. />

複製代碼

      我們來看看main.xml代碼：

Java代碼：

1. <?xml version="1.0" encoding="utf-8"?>
2. <selector
3. xmlns:android="http://schemas.android.com/apk/res/android">
4. <item android:state_pressed="true" >
5. <shape>
8. <!-- 漸層 -->
9. <gradient
10. android:startColor="#ff8c00"
11. android:endColor="#FFFFFF"
12. android:type="radial"
13. android:gradientRadius="50" />
15. <!-- 描邊 -->
16. <stroke
17. android:width="2dp"
18. android:color="#dcdcdc"
19. android:dashWidth="5dp"
20. android:dashGap="3dp" />
22. <!-- 圓角 -->
23. <corners
24. android:radius="2dp" />
26. <padding
27. android:left="10dp"
28. android:top="10dp"
29. android:right="10dp"
30. android:bottom="10dp" />
31. </shape>
33. </item>
35. <item android:state_focused="true" >
36. <shape>
37. <gradient
38. android:startColor="#ffc2b7"
39. android:endColor="#ffc2b7"
40. android:angle="270" />
43. <stroke
44. android:width="2dp"
45. android:color="#dcdcdc" />
46. <corners
47. android:radius="2dp" />
49. <padding
50. android:left="10dp"
51. android:top="10dp"
52. android:right="10dp"
53. android:bottom="10dp" />
54. </shape>
55. </item>
58. <item>
59. <shape>
60. <solid android:color="#ff9d77"/>
61. <stroke
62. android:width="2dp"
63. android:color="#fad3cf" />
65. <corners
66. android:topRightRadius="5dp"
67. android:bottomLeftRadius="5dp"
68. android:topLeftRadius="0dp"
69. android:bottomRightRadius="0dp"
70. />
72. <padding
73. android:left="10dp"
74. android:top="10dp"
75. android:right="10dp"
76. android:bottom="10dp" />
77. </shape>
78. </item>
81. </selector>

複製代碼

運行效果：

昨天 09:21 上傳

下載附件(8.53 KB)

昨天 09:21 上傳

下載附件(8.55 KB)