Android Shape资源文件和Selector选择器使用

       最近在看CSDN上面一个博主写高仿今日头条的项目，很不错，里面在drawable下定义了很多资源文件用来表示控件的背景颜色、形状等的Shape和Selector文件，这个东西看单个的理解起来不难，但是一多，看下去就感觉有点乱。今天就索性将他们的相关用法记录下来以供自己以后查阅。

一、Shape

       首先来看一个示例代码：

<span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:24px;"><?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval">

    <!--  -->

    <!-- 边框 -->
    <stroke
        android:width="1.0dip"
        android:color="#ffcc3131" />

    <!-- 实心/背景 -->
    <solid android:color="#fff5f5f5" />

    <!-- 渐变 -->
    <gradient
        android:angle="270"
        android:endColor="#ffff8c00"
        android:startColor="#fff5f5f5" />

    <!-- 圆角 -->
    <corners android:radius="6dp" />

    <!-- 内部空间位置距边框的间隔 -->
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />

</shape></span></span></span></span>

 这里面的

<span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:24px;"><shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"></span></span></span></span>

        shape有四种取值，分别是：oval(圆)、rectangle(方形)、line(线)、ring(短线)。如果不设置，默认应该是rectangle。需要注意的是，有些设置可能会和子属性相冲突，用的时候注意一下就OK。比如设置了android:shape="oval"，则设置圆角可能无效。

下面分别对子属性进行说明：

        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为角的弧度，值越大角越圆。

        可以为四个角设置不同的弧度：

        <corners 
            android:topRightRadius="20dp"    右上角
            android:bottomLeftRadius="20dp"    右下角
            android:topLeftRadius="1dp"    左上角
            android:bottomRightRadius="0dp"    左下角/>

     padding：间隔   

        这个和一般布局里面的padding效果一样，都表示内容距边框的间隔

上面讲的是单个shape文件的设置，也可以设置组合效果，比如，button的点击和松开是两种不同的状态，可以定义在一起设置为其背景。

如下例子所示：

<span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:24px;"><?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    
	<item android:state_pressed="true">
	    <shape>
	        <gradient 
	            android:startColor="#ffedcccc"
	            android:endColor="#ffccfccc"
	            android:angle="90.0"
	            android:centerColor="#ff321ccc" />
	        
	        <stroke 
	            android:width="2dp"
	            android:color="#ffcacaca" />
	        
	        <padding
	            android:left="3dp"
	            android:top="3dp"
	            android:bottom="3dp"
	            android:right="3dp" />
	    </shape>
	</item>
	
	<item>
	    <shape>
	        <gradient 
	            android:startColor="#ffaaffff"
	            android:endColor="#ffaaffff"
	            android:angle="90.0"
	            android:centerColor="#ffaaffff" />
	        
	        <stroke 
	            android:width="3dp"
	            android:color="#ffaacaca" />
	        
	        <padding
	            android:left="5dp"
	            android:top="5dp"
	            android:bottom="5dp"
	            android:right="5dp" />
	    </shape>
	</item>
</selector>
</span></span></span></span>

使用：

<span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:24px;"><Button 
<span>	</span>android:layout_width="60dp"
        android:layout_height="60dp"
        android:text="asdfasd"
        android:background="@drawable/bg_selector" /></span></span></span></span>

二、Selector

先看一下示例代码：

<span style="font-size:18px;"><span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/btn_sina_pressed" android:state_pressed="true"/>
    <item android:drawable="@drawable/btn_sina_normal"/>

</selector></span></span>

上面就是一个Selector资源文件的基本格式，每个item可以表示一种状态，在每种状态下可以设置不同的颜色或图片(注意：表示颜色的话应该将此资源文件放在color文件夹下，表示图片就应该将此资源文件放在drawable文件夹下)等，例如：<item android:drawable="@drawable/btn_sina_pressed" android:state_pressed="true"> 表示当控件处于点击状态是所使用的图片资源。item里面可表示的状态有很多种，常用的如下：

android:state_selected是否选中

android:state_focused是否获得焦点

android:state_pressed是否点击

android:state_enabled设置是否响应事件，指所有事件

android:state_checkable设置是否可选

android:state_checked 设置是否勾选

android:state_enabled设置是否可用

参考：http://kofi1122.blog.51cto.com/2815761/521605

http://www.2cto.com/kf/201110/107866.html