【移動應(yīng)用開發(fā)技術(shù)】Android之Selector與Shape的使用

【移動應(yīng)用開發(fā)技術(shù)】Android之Selector與Shape的使用

Selector：在開發(fā)過程中，通常我們需要給控件增加點擊的效果，效果如下：

默認效果

點擊效果

1、首先準備兩張圖片(默認和點擊時的圖片)2、右擊res文件夾，新建一個xml文件，在彈出的對話框中，ResourceType選擇Drawable，RootElement選擇Selector，填入文件名（如：pressed_selector），點擊完成，這時會在res文件夾中生成一個drawable文件夾存放我們創(chuàng)建的xml文件3、xml代碼如下：<?xml

version="1.0"

encoding="utf-8"?>

<selector

xmlns:android="/apk/res/android"

>

<item

android:state_pressed="true"

//點擊狀態(tài)

android:drawable="@drawable/ic_pressed"></item>

//點擊狀態(tài)的圖片

<item

android:drawable="@drawable/ic_normal"></item>

//沒有設(shè)置狀態(tài)則為默認圖片

</selector>4、之后再布局文件中，在我們要增加點擊效果的控件設(shè)置如下屬性，運行后該控件就有點擊效果了android:background="@drawable/pressed_selector"5、當然，出了設(shè)置點擊時的效果，還可以設(shè)置選中狀態(tài)、聚焦狀態(tài)等等效果

只要設(shè)置相應(yīng)android:state_xxx屬性即可Shape：除了給控件設(shè)置點擊效果，我們還可以在控件的外觀上給予美化，比如設(shè)置圓角、邊框等，這時候就要用到shape了，跟selector一樣創(chuàng)建一個xml文件，RootElement選擇Shape，就會生成shapexml文件，各種屬性參考下面代碼<?xml

version="1.0"

encoding="utf-8"?>

<shape

xmlns:android="/apk/res/android"

>

<!--

設(shè)置圓角

可用radius設(shè)置4個方向的圓角，也可分別單獨設(shè)置4個圓角-->

<corners

android:radius="2dp"

android:topLeftRadius="2dp"

android:topRightRadius="2dp"

android:bottomLeftRadius="2dp"

android:bottomRightRadius="2dp"

/>

<!--

描邊，即邊框，默認是實線；dashWidth、dashGap兩個屬性設(shè)置虛線

-->

<stroke

android:width="2dp"

android:color="#dcdcdc"

android:dashWidth="2dp"

android:dashGap="3dp"/>

<!--

實心，即填充的顏色

-->

<solid

android:color="#ffffff"

/>

<!--

漸變

-->

<gradient

android:angle="200"

android:endColor="#00ff00"

android:startColor="#ffffff"

/>

<!--

間隔

-->

<padding

android:bottom="10dp"

android:left="10dp"

android:right="10dp"

android:top="10dp"

/>

</shape>同樣是給控件設(shè)置background屬性即可引入shape效果android:background="@drawable/shape"Selector與Shape結(jié)合使用：如果我們要給控件同時設(shè)置點擊效果和shape效果，只需要把shape的代碼移植到selector中即可，代碼如下：<?xml

version="1.0"

encoding="utf-8"?>

<selector

xmlns:android="/apk/res/android">

<!--

分別設(shè)置點擊時和默認狀態(tài)的shape

-->

<item

android:state_pressed="true">

<shape>

<corners

android:radius="20dp"

/>

<solid

android:color="#e0e0e0"

/>

</shape>

</item>

<item>

<shape>

<co