shape和selector的结合使用-超炫效果

1.Shape
简介
作用：XML中定义的几何形状
位置：res/drawable/文件的名称.xml
使用的方法：
Java代码中：
    R.drawable.文件的名称
XML中：
    Android:background="@drawable/文件的名称"
属性：
    <shape>  Android:shape=["rectangle" | "oval" | "line" | "ring"]
    其中rectagle矩形，oval椭圆，line水平直线，ring环形
<shape>中子节点的常用属性：
    <gradient>  渐变
        Android:startColor  起始颜色
        Android:endColor    结束颜色             
        Android:angle       渐变角度，0从上到下，90表示从左到右，数值为45的整数倍默认为0；
        Android:type        渐变的样式 liner线性渐变 radial环形渐变 sweep
    <solid >  填充
        Android:color  填充的颜色
    <stroke > 描边
        Android:width  描边的宽度
        Android:color  描边的颜色
        Android:dashWidth  表示'-'横线的宽度
        Android:dashGap    表示'-'横线之间的距离
    <corners > 圆角
        Android:radius            圆角的半径 值越大角越圆
        Android:topRightRadius    右上圆角半径
        Android:bottomLeftRadius  右下圆角角半径
        Android:topLeftRadius     左上圆角半径
        Android:bottomRightRadius 左下圆角半径

一个列表的实例：

//drawable/selector.xml

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

    <item Android:state_selected="true"> 
        <shape> 
            <gradient Android:angle="270" Android:endColor="#99BD4C" 
                Android:startColor="#A5D245" /> 
            <size Android:height="60dp" Android:width="320dp" /> 
            <corners Android:radius="8dp" /> 
        </shape> 
    </item>
    <item Android:state_pressed="true"> 
        <shape> 
            <gradient Android:angle="270" Android:endColor="#99BD4C" 
                Android:startColor="#A5D245"/> 
            <size Android:height="60dp" Android:width="320dp" /> 
            <corners Android:radius="8dp" /> 
        </shape> 
    </item> 
    <item> 
        <shape> 
            <gradient Android:angle="270" Android:endColor="#A8C3B0" 
                Android:startColor="#C6CFCE"  /> 
            <size Android:height="60dp" Android:width="320dp" /> 
            <corners Android:radius="8dp" /> 
        </shape> 
    </item> 

</selector>

//layout/list_item.xml

<?xml version="1.0" encoding="utf-8"?> 
   <LinearLayout  xmlns:Android="http://schemas.android.com/apk/res/android" 
    Android:orientation="horizontal"   
    Android:layout_width="fill_parent"    
    Android:layout_height="wrap_content" 
    Android:background="@drawable/selector" 
    >                     
    <ImageView   
        Android:id="@+id/img"    
        Android:layout_width="wrap_content"   
        Android:layout_height="wrap_content"              
        Android:layout_gravity="center_vertical" 
        Android:layout_marginLeft="20dp"          
        />                            
        <TextView   
            Android:text="data"   
            Android:id="@+id/title" 
            Android:layout_width="fill_parent"   
            Android:layout_height="wrap_content"   
            Android:gravity="center_vertical"    
            Android:layout_marginLeft="20dp"   
            Android:layout_marginTop="20dp"   
            Android:textSize="14sp"                           
            Android:textStyle="bold" 
            Android:textColor="@color/black"                          
            > 
        </TextView>           
 </LinearLayout> 

//values/colors.xml

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
    <color name="white">#FFFFFFFF</color> 
    <color name="transparency">#00000000</color> 
    <color name="title_bg">#1C86EE</color> 
    <color name="end_color">#A0cfef83</color> 
    <color name="black">#464646</color> 
</resources> 

//layout/main.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:Android="http://schemas.android.com/apk/res/android" 
    Android:orientation="vertical"   
        Android:layout_width="fill_parent"    
        Android:layout_height="wrap_content" 
        Android:background="#253853" 
        >                                 
        <ListView   
          Android:id="@+id/list"   
          Android:layout_width="match_parent"   
          Android:layout_height="match_parent" 
          Android:cacheColorHint="#00000000" 
          Android:divider="#2A4562" 
          Android:dividerHeight="3px" 
          Android:listSelector="#264365" 
          Android:drawSelectorOnTop="false"  
          > 
        </ListView>   
</LinearLayout> 

//src/MyListViewActivity.java

package com.mylistview;

import java.util.ArrayList;
import java.util.HashMap;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class MyListViewActivity extends Activity {
    
    ListView list;  
    String data[] = new String[]{  
            "China","UK","USA","Japan","German","Canada","ET","Narotu"    
    };
    ArrayList<HashMap<String, Object>> mDlist;
    SimpleAdapter adapter;
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        list =(ListView) findViewById(R.id.list);          
        adapter = new SimpleAdapter(this, getData(), R.layout.list_item,   
                new String[]{"title","img"}, new int[]{R.id.title,R.id.img});  
        list.setAdapter(adapter);
        
        list.setOnItemClickListener(new OnItemClickListener(){

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                // TODO Auto-generated method stub
                mDlist.remove( arg2 );
                adapter.notifyDataSetChanged();
            }

        });
        
    }
    
    private ArrayList<HashMap<String, Object>> getData() {        
        mDlist = new ArrayList<HashMap<String,Object>>();
        for(int i =0;i<data.length;i++){  
            HashMap<String, Object>map = new HashMap<String, Object>();           
            map.put("title", data[i]);  
            map.put("img", R.drawable.gowalla_hdpi);
            mDlist.add(map);   
        }  
        return mDlist; 
    }  
}

效果图

引用自：http://www.cnblogs.com/top5/archive/2012/05/10/2494763.html，部分修改，点击某项时，删除该项，仅做自己收藏学习使用。