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文件後,在沒有添加任何屬性時其內部代碼結構爲:
- <?xml version="1.0" encoding="utf-8" ?>
- <selector xmlns:android="http://schemas.android.com/apk/res/android">
- </selector>
下面就可以根據項目需求,在其內部定義爲自己想要的樣式了,主要屬性如下:
- <?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>
3.引用mylist_view.xml文件
三種方法可以來引用剛纔創建的文件:
(1)在ListView中添加如下屬性代碼
- android:listSelector="@drawable/mylist_view"
(2)在ListView的item界面中添加如下屬性代碼
- android:background="@drawable/mylist_view"
(3)利用JAVA代碼直接編寫
- Drawable drawable = getResources().getDrawable(R.drawable.mylist_view);
- listView.setSelector(drawable);
爲了防止列表拉黑的情況發生,需要在ListView中添加以下的屬性代碼
- 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的時候就可以甩掉系統自帶的那黃顏色的背景了,實現個性化的背景