android的selector(背景選擇器)

最近作listview和button都要改變 Android 原來控件的背景,在網上查找了一些資料不是很全,因此如今總結一下android的selector的用法。
首先android的selector是在drawable/xxx.xml中配置的。
先看一下listview中的狀態:
把下面的XML文件保存成你本身命名的.xml文件(好比list_item_bg.xml),在系統使用時根據ListView中的列表項的狀態來使用相應的背景圖片。
drawable/list_item_bg.xml
複製到剪貼板  XML/HTML代碼
  1. <?xml version="1.0" encoding="utf-8" ?>     
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">   
  3. <!-- 默認時的背景圖片 -->    
  4.   <item android:drawable="@drawable/pic1" />      
  5. <!-- 沒有焦點時的背景圖片 -->    
  6.   <item android:state_window_focused="false"     
  7.         android:drawable="@drawable/pic1" />     
  8. <!-- 非觸摸模式下得到焦點並單擊時的背景圖片 -->    
  9.   <item android:state_focused="true" android:state_pressed="true"     
  10.         android:drawable"@drawable/pic2" />    
  11. <!-- 觸摸模式下單擊時的背景圖片 -->    
  12.   <item android:state_focused="false" android:state_pressed="true"     
  13.         android:drawable="@drawable/pic3" />     
  14. <!--選中時的圖片背景  -->    
  15.   <item android:state_selected="true"     
  16.         android:drawable="@drawable/pic4" />     
  17. <!--得到焦點時的圖片背景  -->    
  18.   <item android:state_focused="true"     
  19.         android:drawable="@drawable/pic5" />     
  20. </selector>  


使用些xml文件:第一種是在listview中配置android:listSelector="@drawable/ list_item_bg
或者在listview的item中添加屬性android:background=「@drawable/ list_item_bg "便可實現,或者在 Java 代碼中使用:Drawable drawable = getResources().getDrawable(R.drawable. list_item_bg );  
       ListView.setSelector(drawable);一樣的效果。
可是這樣會出現列表有時候爲黑的狀況,須要加上: android:cacheColorHint="@android :color/transparent"
使其透明。
其次再來看看Button的一些背景效果:

android:state_selected是選中
android:state_focused是得到焦點
android:state_pressed是點擊
android:state_enabled是設置是否響應事件,指全部事件
根據這些狀態一樣能夠設置button的selector效果。也能夠設置selector改變button中的文字狀態。
如下就是配置button中的文字效果:
drawable/ button_font.xml
複製到剪貼板  XML/HTML代碼
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <item android:state_selected="true" android:color="#FFF" />  
  4.     <item android:state_focused="true" android:color="#FFF" />  
  5.     <item android:state_pressed="true" android:color="#FFF" />  
  6.     <item android:color="#000" />  
  7. </selector>  


Button還能夠實現更復雜的效果,例如漸變啊等等。
複製到剪貼板  XML/HTML代碼
  1. drawable/button_color.xml  
  2. <?xml version="1.0" encoding="utf-8"?>  
  3. <selector xmlns:android="http://schemas.android.com/apk/res/android">         /   
  4.         <item android:state_pressed="true">//定義當button 處於pressed 狀態時的形態。   
  5.               <shape>   
  6.                      <gradient  android:startColor="#8600ff" />   
  7.                       <stroke   android:width="2dp" android:color="#000000" />   
  8.                        <corners android:radius="5dp" />    
  9.                        <padding android:left="10dp" android:top="10dp"   
  10.                                 android:bottom="10dp" android:right="10dp"/>    
  11.                  </shape>   
  12.         </item>   
  13.         <item android:state_focused="true">//定義當button得到 focus時的形態   
  14.                  <shape>   
  15.                        <gradient android:startColor="#eac100"/>   
  16.                         <stroke android:width="2dp" android:color="#333333"  color="#ffffff"/>   
  17.                          <corners android:radius="8dp" />     
  18.                          <padding android:left="10dp" android:top="10dp"   
  19.                                   android:bottom="10dp" android:right="10dp"/>                     
  20.                 </shape>   
  21.             </item>  
  22. </selector>   


     最後,須要在包含 button的xml文件裏添加兩項。假如是 main.xml 文件,
咱們須要在<Button />里加兩項。 
     android:focusable="true" 
     android:backgroud="@drawable/button_color"
這樣當你使用Button的時候就能夠甩掉系統自帶的那黃顏色的背景了,實現個性化的背景,配合應用的總體佈局很是之有用啊。
相關文章
相關標籤/搜索