shape、selector的使用

一、shape：

corners ----------圆角
gradient ----------渐变
padding ----------内容离边界距离
size　------------大小　
solid 　----------填充颜色
stroke ----------描边

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    
    <!-- 圆角 -->
    <corners
        android:radius="9dp"
        android:topLeftRadius="2dp"
        android:topRightRadius="2dp"
        android:bottomLeftRadius="2dp"
        android:bottomRightRadius="2dp"/><!-- 设置圆角半径 -->
    
    <!-- 渐变 -->
    <gradient
        android:startColor="@android:color/white"
        android:centerColor="@android:color/black"
        android:endColor="@android:color/black"
        android:useLevel="true"
        android:angle="45"
        android:type="radial"
        android:centerX="0"
        android:centerY="0"
        android:gradientRadius="90"/>
    
    <!-- 间隔 -->
    <padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/><!-- 各方向的间隔 -->
    
    <!-- 大小 -->
    <size
        android:width="50dp"
        android:height="50dp"/><!-- 宽度和高度 -->
    
    <!-- 填充 -->
    <solid
        android:color="@android:color/white"/><!-- 填充的颜色 -->
    
    <!-- 描边 -->
    <stroke
        android:width="2dp"
        android:color="@android:color/black"
        android:dashWidth="1dp"
        android:dashGap="2dp"/>
    
</shape>

填充：设置填充的颜色

间隔：设置四个方向上的间隔

大小：设置大小

圆角：同时设置五个属性，则Radius属性无效

android:Radius="20dp"                      设置四个角的半径

android:topLeftRadius="20dp"            设置左上角的半径 
android:topRightRadius="20dp"          设置右上角的半径 
android:bottomLeftRadius="20dp"      设置右下角的半径 
android:bottomRightRadius="20dp"    设置左下角的半径

圆角举例：

<Button 
    android:layout_width="160dp"
    android:layout_height="wrap_content"
    android:background="@drawable/button_shape"
    android:text="圆角按钮"
    />

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="#fff"/>
    <padding android:top="10px" android:bottom="10px"/>
    <corners android:radius="16px"/>
    <stroke android:width="1px" android:color="#000"/>
</shape>

描边：dashWidth和dashGap属性，只要其中一个设置为0dp，则边框为实现边框

其中，破折线的宽度为dashWith，破折线之间的空隙的宽度为dashGap，当dashGap=0dp时，为实线。

android:width="20dp"                         设置边边的宽度 
android:color="@android:color/black"   设置边边的颜色 
android:dashWidth="2dp"                   设置虚线的宽度 
android:dashGap="20dp"                    设置虚线的间隔宽度

虚线举例：

<View 
    android:layout_width="match_parent"
    android:layout_height="5px"
    android:layout_marginTop="10dp"
    android:background="@drawable/line_shape"
    />

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line" >
    <stroke
        android:dashGap="3dp"
        android:dashWidth="8dp"
        android:width="1dp"
        android:color="#63a219" />
    <size android:height="1dp" />
</shape>

渐变：当设置填充颜色后，无渐变效果。

angle的值必须是45的倍数（包括0），仅在type="linear"有效，不然会报错。android:useLevel 这个属性不知道有什么用。

angle对应值的起点如图：

                                                                   

渐变案例：

<View 
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_marginTop="10dp"
    android:background="@drawable/gra_shape"
    />

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="270.0"
        android:endColor="#ffffff"
        android:startColor="#000000" />

</shape>

二、selector

button最常用的：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

  <item android:drawable="@drawable/button_pressed_bg" android:state_pressed="true"></item>
  <item android:drawable="@drawable/shape_image"></item>

</selector>

介绍：

drawable的item中可以有以下属性： 
android:drawable="@[package:]drawable/drawable_resource"	
android:state_pressed=["true" | "false"]	//点击
android:state_focused=["true" | "false"]	//获得焦点
android:state_selected=["true" | "false"]	//选中
android:state_active=["true" | "false"]	
android:state_checkable=["true" | "false"] 
android:state_checked=["true" | "false"] 
android:state_enabled=["true" | "false"] //设置是否相应事件，指所有事件
android:state_window_focused=["true" | "false"] 

举例：

<?xml version="1.0" encoding="utf-8" ?>     
<selector xmlns:android="http://schemas.android.com/apk/res/android">   
<!-- 默认时的背景图片-->    
  <item android:drawable="@drawable/pic1" />      
<!-- 没有焦点时的背景图片 -->    
  <item android:state_window_focused="false"     
        android:drawable="@drawable/pic1" />     
<!-- 非触摸模式下获得焦点并单击时的背景图片 -->    
  <item android:state_focused="true" android:state_pressed="true"   android:drawable= "@drawable/pic2" />   
<!-- 触摸模式下单击时的背景图片-->    
<item android:state_focused="false" android:state_pressed="true"   android:drawable="@drawable/pic3" />    
<!--选中时的图片背景-->    
  <item android:state_selected="true"   android:drawable="@drawable/pic4" />     
<!--获得焦点时的图片背景-->    
  <item android:state_focused="true"   android:drawable="@drawable/pic5" />     
</selector>  

三种方法可以来引用刚才创建的文件：

（1）在ListView中添加如下属性代码

[html]  view plain copy

1. android:listSelector="@drawable/mylist_view"  

（2）在 ListView的item界面中添加如下属性代码

[html]  view plain copy

1. android:background="@drawable/mylist_view"  

（3）利用JAVA代码直接编写

[java]  view plain copy

1. Drawable drawable = getResources().getDrawable(R.drawable.mylist_view);   
2. listView.setSelector(drawable); 

为了防止列表拉黑的情况发生，需要在 ListView中添加以下的属性代码

[html]  view plain copy

1. android:cacheColorHint="@android:color/transparent"