Android樣式開發(fā)之selector
上一篇詳細講了shape的用法,講解了怎么用shape自定義矩形、圓形、線形和環(huán)形,以及有哪些需要注意的地方。不過,shape只能定義單一的形狀,而實際應(yīng)用中,很多地方比如按鈕、Tab、ListItem等都是不同狀態(tài)有不同的展示形狀。舉個例子,一個按鈕的背景,默認時是一個形狀,按下時是一個形狀,不可操作時又是另一個形狀。有時候,不同狀態(tài)下改變的不只是背景、圖片等,文字顏色也會相應(yīng)改變。而要處理這些不同狀態(tài)下展示什么的問題,就要用selector來實現(xiàn)了。
selector標(biāo)簽,可以添加一個或多個item子標(biāo)簽,而相應(yīng)的狀態(tài)是在item標(biāo)簽中定義的。定義的xml文件可以作為兩種資源使用:drawable和color。作為drawable資源使用時,一般和shape一樣放于drawable目錄下,item必須指定android:drawable屬性;作為color資源使用時,則放于color目錄下,item必須指定android:color屬性。
那么,看看都有哪些狀態(tài)可以設(shè)置呢:
android:state_enabled: 設(shè)置觸摸或點擊事件是否可用狀態(tài),一般只在false時設(shè)置該屬性,表示不可用狀態(tài)android:state_pressed: 設(shè)置是否按壓狀態(tài),一般在true時設(shè)置該屬性,表示已按壓狀態(tài),默認為falseandroid:state_selected: 設(shè)置是否選中狀態(tài),true表示已選中,false表示未選中android:state_checked: 設(shè)置是否勾選狀態(tài),主要用于CheckBox和RadioButton,true表示已被勾選,false表示未被勾選android:state_checkable: 設(shè)置勾選是否可用狀態(tài),類似state_enabled,只是state_enabled會影響觸摸或點擊事件,而state_checkable影響勾選事件android:state_focused: 設(shè)置是否獲得焦點狀態(tài),true表示獲得焦點,默認為false,表示未獲得焦點android:state_window_focused: 設(shè)置當(dāng)前窗口是否獲得焦點狀態(tài),true表示獲得焦點,false表示未獲得焦點,例如拉下通知欄或彈出對話框時,當(dāng)前界面就會失去焦點;另外,ListView的ListItem獲得焦點時也會觸發(fā)true狀態(tài),可以理解為當(dāng)前窗口就是ListItem本身android:state_activated: 設(shè)置是否被激活狀態(tài),true表示被激活,false表示未激活,API Level 11及以上才支持,可通過代碼調(diào)用控件的setActivated(boolean)方法設(shè)置是否激活該控件android:state_hovered: 設(shè)置是否鼠標(biāo)在上面滑動的狀態(tài),true表示鼠標(biāo)在上面滑動,默認為false,API Level 14及以上才支持
接下來,看看示例代碼,以下是bg_btn_selector.xml的代碼,用于按鈕的背景
而下面則是text_btn_selector.xml的代碼,用于按鈕的文本顏色
最后,則是在控件中的引用
那么,在使用過程中,有幾點還是需要注意和了解的:
selector作為drawable資源時,item指定android:drawable屬性,并放于drawable目錄下;selector作為color資源時,item指定android:color屬性,并放于color目錄下;color資源也可以放于drawable目錄,引用時則用@drawable來引用,但不推薦這么做,drawable資源和color資源最好還是分開;android:drawable屬性除了引用@drawable資源,也可以引用@color顏色值;但android:color只能引用@color;item是從上往下匹配的,如果匹配到一個item那它就將采用這個item,而不是采用最佳匹配的規(guī)則;所以設(shè)置默認的狀態(tài),一定要寫在最后,如果寫在前面,則后面所有的item都不會起作用了。
另外,selector標(biāo)簽下有兩個比較有用的屬性要說一下,添加了下面兩個屬性之后,則會在狀態(tài)改變時出現(xiàn)淡入淡出效果,但必須在API Level 11及以上才支持:
android:enterFadeDuration?狀態(tài)改變時,新狀態(tài)展示時的淡入時間,以毫秒為單位android:exitFadeDuration?狀態(tài)改變時,舊狀態(tài)消失時的淡出時間,以毫秒為單位
最后,關(guān)于ListView的ListItem樣式,有兩種設(shè)置方式,一種是在ListView標(biāo)簽里設(shè)置android:listSelector屬性,另一種是在ListItem的布局layout里設(shè)置android:background。但是,這兩種設(shè)置的結(jié)果卻有著不同。同時,使用ListView時也有些其他需要注意的地方,總結(jié)如下:
android:listSelector設(shè)置的ListItem默認背景是透明的,不管你在selector里怎么設(shè)置都無法改變它的背景。所以,如果想改ListItem的默認背景,只能通過第二種方式,在ListItem的布局layout里設(shè)置android:background。當(dāng)觸摸點擊ListItem時,第一種設(shè)置方式下,state_pressed、state_focused和state_window_focused設(shè)為true時都會觸發(fā),而第二種設(shè)置方式下,只有state_pressed會觸發(fā)。
當(dāng)ListItem里有Button或CheckBox之類的控件時,會搶占ListItem本身的焦點,導(dǎo)致ListItem本身的觸摸點擊事件會無效。那么,要解決此問題,有三種解決方案:
將Button或CheckBox換成TextView或ImageView之類的控件設(shè)置Button或CheckBox之類的控件設(shè)置focusable屬性為false設(shè)置ListItem的根布局屬性android:descendantFocusability="blocksDescendants"
第三種是最方便,也是推薦的方式,它會將ListItem根布局下的所有子控件都設(shè)置為不能獲取焦點。android:descendantFocusability屬性的值有三種,其中,ViewGroup是指設(shè)置該屬性的View,本例中就是ListItem的根布局:
beforeDescendants:ViewGroup會優(yōu)先其子類控件而獲取到焦點afterDescendants:ViewGroup只有當(dāng)其子類控件不需要獲取焦點時才獲取焦點blocksDescendants:ViewGroup會覆蓋子類控件而直接獲得焦點