Android shap的使用

shape 是形状的意思，使用它可以设置自己的shape

[java]  view plain copy

1. <selector xmlns:android="http://schemas.android.com/apk/res/android" >  
2.     <item android:state_focused="true">  
3.         <shape>  
4.             <corners />  
5.             <gradient />  
6.             <padding />  
7.             <size />  
8.             <solid />  
9.             <stroke />  
10.               
11.         </shape>  
12.     </item>  
13.   
14. </selector>  

它的所有属性都在上面了
 从简单的开始看起：

       1.solid就是控件填充的颜色，该标签只有一个属性

         <solid 
                android:color="#ffff0000"/> 

      这个使用红色填充使用它的控件

     2.padding 这个内填充，跟Xml的padding是一个意思，说明：略

     该属性只有4个值

         

[java]  view plain copy

1. <padding   
2.                android:left="10dp"  
3.                android:top="10dp"  
4.                android:right="10dp"  
5.                android:bottom="10dp"  
6.                />  

   3. size   知道控件的宽度跟高度，控件的width  height设置为wrap_content才有效，说明：略

    只有2个值，不建议设置

[java]  view plain copy

1. <size  
2.                   
3.                 android:width="50dp"   
4.                 android:height="100dp"/><pre name="code" class="java">  

4. corners  这个是角度，只有5个属性 

[java]  view plain copy

1. <corners  
2.                android:radius="30dp"  
3.                android:bottomLeftRadius="10dp"  
4.                android:topRightRadius="10dp"  
5.                android:bottomRightRadius="10dp"  
6.                android:topLeftRadius="50dp"  
7.                 />  

是各个顶点角度的值，单位是dp，值越大角度就越大，这个很容易理解，如果不理解，动手试验一下就明白了

5.stroke  是描边的意思   只有4个属性

       <stroke                android:width="3dp"                android:color="#aaff0000"                android:dashWidth="10dp"                android:dashGap="20dp"                 />

默认的是实线的描边

width  是描边的宽度

cllor时候 描边的颜色 

如果要使用虚线（-----） 那么就加入另外2个属性

dashWidth 是每个点（-）的长度

dashgap 每个点（-）之间的宽度

使用虚线时才需要设置这个值

6.gradient 最后一个最复杂的渐变效果

[java]  view plain copy

1. 所有属性如下：  

[java]  view plain copy

1. <pre name="code" class="java"> <gradient  
2.                 android:startColor=""  
3.                 android:centerColor=""  
4.                 android:endColor=""  
5.                 android:useLevel=""  
6.                 android:angle=""  
7.                 android:type=""  
8.                 android:centerX=""  
9.                 android:centerY=""  
10.                 android:gradientRadius=""  
11.                  />  

是使控件的颜色有一个渐变的过程的一个属性，使用这个的话，那么solid就不可以使用的，否则没有效果

[java]  view plain copy

1. so要注释掉solid属性  

[java]  view plain copy

1. <pre name="code" class="java">startColor   跟 endColor  就是从哪一个颜色渐变到另一种颜色  

[java]  view plain copy

1. <pre name="code" class="java">centerColor  是渐变的中间值，个人理解是前一半跟后一半要变化的变化量的控制  

useLevel 本人试验了，默认是false ，设置为true的话，没有找到其规律，

[java]  view plain copy

1. angle  是角度，必须要是45的倍数，否则运行时报错。角度指明从空间的哪一个角度开始渐变     

[java]  view plain copy

1. 度数是 渐变的角度， 比如说 0 就是从左到右的渐变，45 就是从左下角到右上角渐变，90 ，就是从下到上的渐变  

[java]  view plain copy

1. 如图  手绘的图，用软件话浪费时间  

type 是类  默认是  linear （线性渐变）

type ：radial    要指定半径也就是

android:gradientRadius="20"

type ： sweep   这个值没有看懂啥意思

android:centerX=""
 android:centerY=""

指定Xy轴的中心点

使用：

<Button 
        android:layout_width="wrap_content"
        android:layout_height="50dp"
   android:layout_centerHorizontal="true"
   android:layout_below="@id/shape"
   android:layout_marginTop="20dp"
   android:background="@drawable/my_select"
        android:text="Shape2"/>

xml为

[java]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >  
3.   
4.       
5.     <item android:state_focused="false">  
6.         <shape>  
7.             <corners  
8.                 android:radius="30dp"  
9.                  />  
10.             <gradient   
11.                 android:startColor="#ff000000"  
12.                 android:endColor="#ffffffff"  
13.                 android:angle="45"  
14.                 android:type="linear"  
15.                   
16.                 />  
17.             <!-- 默认是linear   
18.             使用radial时要指定半径  那么从中心点开始变化 -->  
19.             <padding   
20.                 android:left="10dp"  
21.                 android:top="10dp"  
22.                 android:right="10dp"  
23.                 android:bottom="10dp"  
24.                 />  
25.             <!--   width  跟 height 的值被控件的值大/少时不生效  
26.             除非使用wrap_content  
27.              -->  
28.             <size  
29.                   
30.                 android:width="50dp"   
31.                 android:height="100dp"/>  
32.             <!--  <solid   
33.                 android:color="#55ffff00"/>  -->  
34.             <stroke  
35.                 android:width="3dp"  
36.                 android:color="#aaff0000"  
37.                 android:dashWidth="10dp"  
38.                 android:dashGap="20dp"  
39.                  />  
40.               
41.         </shape>  
42.     </item>  
43.   
44. </selector>  

运行结果