Android中的selector

Android中的Selector主要是用來改變ListView和Button控件的默認背景。其使用方法可以按一下步驟來設計:


(以在mylist_view.xml爲例)


1.創建mylist_view.xml文件

首先在res目錄下新建drawable文件夾,再在新建的drawable文件夾中新建mylist_view.xml,其目錄結構爲:res/drawable/mylist_view.xml。


2.根據具體需求編輯mylist_view.xml文件

新建mylist_view.xml文件後,在沒有添加任何屬性時其內部代碼結構爲:

[html] view plaincopy
  1. <?xml version="1.0" encoding="utf-8" ?>     
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">   
  3.    
  4. </selector>  

下面就可以根據項目需求,在其內部定義爲自己想要的樣式了,主要屬性如下:

[html] view plaincopy
  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"   android:drawable"@drawable/pic2" />   
  10. <!-- 觸摸模式下單擊時的背景圖片-->    
  11. <item android:state_focused="false" android:state_pressed="true"   android:drawable="@drawable/pic3" />    
  12. <!--選中時的圖片背景-->    
  13.   <item android:state_selected="true"   android:drawable="@drawable/pic4" />     
  14. <!--獲得焦點時的圖片背景-->    
  15.   <item android:state_focused="true"   android:drawable="@drawable/pic5" />     
  16. </selector>  

3.引用mylist_view.xml文件


三種方法可以來引用剛纔創建的文件:

(1)在ListView中添加如下屬性代碼

[html] view plaincopy
  1. android:listSelector="@drawable/mylist_view"  

(2)在ListView的item界面中添加如下屬性代碼

[html] view plaincopy
  1. android:background="@drawable/mylist_view"  

(3)利用JAVA代碼直接編寫

[java] view plaincopy
  1. Drawable drawable = getResources().getDrawable(R.drawable.mylist_view);   
  2. listView.setSelector(drawable);  

爲了防止列表拉黑的情況發生,需要在ListView中添加以下的屬性代碼

[html] view plaincopy
  1. android:cacheColorHint="@android:color/transparent"  

根據這些狀態同樣可以設置button的selector效果。也可以設置selector改變button中的文字狀態。

以下就是配置button中的文字效果:

drawable/button_font.xml

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_selected="true" android:color="#FFF" />

    <item android:state_focused="true" android:color="#FFF" />

    <item android:state_pressed="true" android:color="#FFF" />

    <item android:color="#000" />

</selector>

Button還可以實現更復雜的效果,例如漸變啊等等。

drawable/button_color.xml

 

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true">

        <!-- 定義當button 處於pressed 狀態時的形態。-->

        <shape>

            <gradient android:startColor="#8600ff" />

            <stroke android:width="2dp" android:color="#000000" />

            <corners android:radius="5dp" />

            <padding android:left="10dp" android:top="10dp"

                android:bottom="10dp" android:right="10dp" />

        </shape>

    </item>

    <item android:state_focused="true">

        <!-- 定義當button獲得focus時的形態-->

        <shape>

            <gradient android:startColor="#eac100" />

            <stroke android:width="2dp" android:color="#333333" color="#ffffff" />

            <corners android:radius="8dp" />

            <padding android:left="10dp" android:top="10dp"

                android:bottom="10dp" android:right="10dp" />

        </shape>

    </item>

</selector>

  最後,需要在包含button的xml文件裏添加兩項。假如是main.xml 文件,我們需要在<Button />里加兩項。

     android:focusable="true"

     android:backgroud="@drawable/button_color"

這樣當你使用Button的時候就可以甩掉系統自帶的那黃顏色的背景了,實現個性化的背景


發佈了51 篇原創文章 · 獲贊 0 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章