在Android中， 很多时候系统原生的控件的格式并不能满足我们的需求，我们想要更加好看点的样式，像什么圆角矩形啊，颜色渐变啊，阴影效果啊等等的，这个时候就是我们的 ShapeDrawable发挥效果的时候了，接下来我们这两篇文章就来说一下Shape的一些应用吧，掌握点基础知识，才能好好更好地去应用啊。

其实很多东西并不难，我们也不是不懂，但是关键得懂得总结呀，对吧。

1）首先，我们要在res/drawable/ 路径下创建一个xml文件，其格式如下（这是在Android的官方文档中拿出来的，我觉得真的很丰满，一目了然）：

[html] view plain copy 

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:useLevel=["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>  

shape是根元素，其android:shape属性定义了这个xml文件定义的形状，可以是retangle，oval，line 和 ring。

corners（角）

[html] view plain copy 

1. <corners  
2.         android:radius="integer"  
3.         android:topLeftRadius="integer"  
4.         android:topRightRadius="integer"  
5.         android:bottomLeftRadius="integer"  
6.         android:bottomRightRadius="integer" />  

一般是怎么应用的呢，如下：

[html] view plain copy 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android"   
3.     android:shape="rectangle">      
4.     <corners android:radius="15dp"/>  
5. </shape>  

2）在xml中定义按钮的时候，将其android:background设置成上面的corners文件，如下：

[html] view plain copy 

1. <Button  
2.     android:layout_margin="5dp"  
3.     android:layout_width="200dp"  
4.     android:layout_height="50dp"  
5.     android:background="@drawable/corners"  
6.     android:text="Corner" />  

3）然后就可以了，不过我这里多定义了几个样式的，大家可以看着，对比一下，效果图如下：

Solid（填充）

[html] view plain copy 

1. <shape xmlns:android="http://schemas.android.com/apk/res/android"   
2.     android:shape="rectangle">      
3.     <corners android:radius="15dp"/>  
4.     <solid android:color="#716283"/>  
5. </shape>  

好，我们现在把填充的颜色给换了，不要黑色，再来看看效果吧。

[html] view plain copy 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android"   
3.     android:shape="rectangle">      
4.     <corners android:radius="15dp"/>  
5.     <solid android:color="#716283"/>  
6. </shape>  

我们可以看到4个角都变成圆角了，说明android:radius属性是对四个角都起作用的。

[html] view plain copy 

1. <corners android:topLeftRadius="15dp"/>  

如果只定义topLeftRadius的话，则只有左上角会变成圆角，同理，topRightRadius也只会改变右上角。

[html] view plain copy 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android"   
3.     android:shape="rectangle">  
4.     <corners  
5.         android:radius="10dp"   
6.         android:topLeftRadius="15dp"  
7.         android:bottomRightRadius="15dp"/>  
8.     <solid android:color="#716283"/>  
9. </shape>  

则可以看到定义了radius的10dp就还是10dp，而topLeftRadius和bottomRightRadius，则会覆盖radius定义的10dp。

Padding

[html] view plain copy 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android"   
3.     android:shape="rectangle">  
4.     <corners android:topLeftRadius="15dp"/>  
5.     <solid android:color="#716283"/>  
6.     <padding android:left="30dp"/>  
7. </shape>  

在原来的基础上再加上padding效果，我们来看看吧。