How to use Android selector selector
Last Update:2015-04-21
Source: Internet
Author: User
<span id="Label3"></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"><span style="font-family:SimHei; font-size:18px"><span style="word-wrap:normal; word-break:normal">A. </span> <span style="word-wrap:normal; word-break:normal">Create <span lang="EN-US" style="word-wrap:normal; word-break:normal">xml</span> file, location:<span lang="EN-US" style="word-wrap:normal; word-break:normal">drawable/xxx.xml, in</span> the same directory remember to put related pictures</span></span></span></p></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"><span style="font-family:SimHei; font-size:18px"><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal"><?xml version= "1.0" encoding= "utf-8"?> <wbr><wbr><br><selector xmlns:android= "http://schemas.android.com/apk/res/android" ><wbr><br><!--</span></span> <span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">Default background picture <span lang="EN-US" style="word-wrap:normal; word-break:normal"> <wbr> --<wbr><br><item android:drawable= " <wbr> @drawable/pic1"/> <wbr> <wbr> <wbr> <wbr><br><!--</span> background picture <span lang="EN-US" style="word-wrap:normal; word-break:normal"> <wbr> without focus--<wbr><br><wbr><item android:state_window_focused= "false" <wbr> <wbr> <wbr><br><wbr> <wbr> <wbr> android:drawable= <wbr>" @drawable/pic1 <wbr> "/> <wbr> <wbr> /c22><wbr><br><!--</span> get focus in Non-touch mode and click on the background <span lang="EN-US" style="word-wrap:normal; word-break:normal">picture <wbr> --<wbr><br><item android:state_focused= "true" <wbr> <wbr> <wbr> </span> </span></span><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">android:state_pressed= "true" <wbr> <wbr> </span></span><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">android:drawable= "@drawable/pic2"/> <wbr> </span></span></span></span></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"><span style="font-family:SimHei; font-size:18px"><span lang="EN-US" style="word-wrap:normal; word-break:normal"><!--</span> <span style="word-wrap:normal; word-break:normal">background picture when clicked in touch mode</span> <span style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal">- <wbr> </span></span></span></span></p></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; Word-break:normal "><span style=" word-wrap:normal; word-break:normal "> <span style="font-family:simhei; font-size:18px"><span style="word-wrap:normal; word-break:normal"><item android:state_focused= "false" <wbr> </span> <span style="word-wrap:normal; word-break:normal">android:state _pressed= "true" <wbr> <wbr> </span> <span style="word-wrap:normal; word-break:normal">android:drawable = "@drawable/pic3"/> <wbr> </span> </span> </span> </p></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; Word-break:normal "><span style=" word-wrap:normal; word-break:normal "> <span style="font-family:simhei; font-size:18px"><span lang="en-us" style="word-wrap:normal; word-break:normal">< !--</span> <span style="word-wrap:normal; word-break:normal"> When selected the picture background </span> <span style="word-wrap:normal; Word-break:normal "><span lang=" en-us " style=" word-wrap:normal; word-break:normal ">--> <wbr> </span> </span></span></span></p></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; Word-break:normal "><span style=" word-wrap:normal; word-break:normal "> <span style="font-family:simhei; font-size:18px"><span style="word-wrap:normal; word-break:normal"> <wbr> <item android:state_selected= "true" <wbr> <wbr> </span> <span style="word-wrap:normal; Word-break:normal ">android:drawable=" @drawable/pic4 "/> <wbr> <wbr> </span> </span> </span> </p></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; Word-break:normal "><span style=" font-family:simhei; font-size:18px "><span lang=" en-us " style=" word-wrap:normal; word-break:normal; text-indent:52.5pt "><span style=" word-wrap:normal word-break:normal "><!--</span> </span> <span style=" word-wrap:normal; word-break:normal; text-indent:52.5pt "> Background of the picture when getting focus </span> <span lang="en-us" style="word-wrap:normal; word-break:normal; text-indent:52.5pt">--> <wbr> </span> </span></p></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; Word-break:normal "><span style=" word-wrap:normal; word-break:normal "> <span style="font-family:simhei; font-size:18px"><span lang="en-us" style="word-wrap:normal; word-break:normal"> <wbr> <wbr> <item android:state_focused= "true" <wbr> <wbr> android:drawable= "@drawable/ PIC5 "/> <wbr> <wbr> <br> </selector> <br> </span> <span style="word-wrap:normal; word-break:normal"> two </span> <span lang="en-us" style="word-wrap:normal; word-break:normal" . < span> <span style="word-wrap:normal; word-break:normal"> use </span> <span lang="en-us" style="word-wrap:normal; Word-break:normal ">xml </span> <span style=" word-wrap:normal; word-break:normal " " file: < span> </span> </span> </span></span></p></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; Word-break:normal "><span style=" word-wrap:normal; word-break:normal "> <span style="font-family:simhei; font-size:18px"><span lang="en-us" style="word-wrap:normal; word-break:normal">1. Method one: </span> <span style="word-wrap:normal; Word-break:normal " in <span lang="en-us">listview </span> in the configuration <span lang=" en-us " style=" word-wrap:normal; word-break:normal ">android: listselector= "@drawable/xxx <br> </span> or in <span lang=" en-us " style=" word-wrap:normal; word-break:normal " listview < span> <span lang="en-us" style="word-wrap:normal; word-break:normal">item </span> Add property <span lang=" En-us " style=" word-wrap:normal; Word-break:normal ">android </span>: </span> <span style=" word-wrap:normal; word-break:normal "><span lang=" en-us " style="word-wrap:normal; Word-break:normal ">background=" @drawable/xxx "</span> </span> </span> </span> </p></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"><span style="font-family:simhei; font-size:18px"><span style="word-wrap:normal; Word-break:normal "><span lang=" en-us " style=" word-wrap:normal; word-break:normal ">2. method two: </span> <span lang=" En-us " style=" word-wrap:normal; Word-break:normal ">drawable drawable = getresources (). getdrawable (r.drawable.<span style=" word-wrap:normal; Word-break:normal ">xxx </span>); <wbr> <wbr> <br> <wbr> <wbr> <wbr> <wbr> listview.setselector (drawable); </span> however, this will appear in the list sometimes black situation, need to add: <span lang="en-us" style="word-wrap:normal; word-break:normal">android:cachecolorhint= " @android: color/transparent "</span> </span> <span style=" word-wrap:normal; word-break:normal " to make it transparent. < span> <span lang="en-us" style="word-wrap:normal; word-break:normal"> <br> </span> <span lang="en-us" style=" word-wrap:normal; Word-break:normal "> <br> Related properties: </span> </span> </span></span></span></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; Word-break:normal "><span style=" word-wrap:normal; word-break:normal "> <span style="word-wrap:normal; word-break:normal"><span style="font-family:simhei; font-size:18px"><span lang=" En-us " style=" word-wrap:normal; Word-break:normal ">android:state_selected </span> is selected <span lang="en-us" style="word-wrap:normal; word-break:normal"> <br> android:state_focused </span> is the focus <span lang="en-us" style="word-wrap:normal; Word-break:normal "> <br> android:state_pressed </span> is a click <span lang="en-us" style="word-wrap:normal; word-break:normal"> <br> android:state_enabled </span> is the setting to respond to events <span lang="en-us" style="word-wrap:normal; Word-break:normal " ", < span> refers to all events </span> </span> </span> </span></p></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"><span style="font-family:SimHei; font-size:18px">The <span lang="EN-US" style="word-wrap:normal; word-break:normal">selector</span> effect <span style="word-wrap:normal; word-break:normal">of the</span> <span lang="EN-US" style="word-wrap:normal; word-break:normal">button</span> can also be set according to these states <span style="word-wrap:normal; word-break:normal">. You can also set</span> <span lang="EN-US" style="word-wrap:normal; word-break:normal">selector</span> to <span style="word-wrap:normal; word-break:normal">change</span> <span lang="EN-US" style="word-wrap:normal; word-break:normal"></span> <span style="word-wrap:normal; word-break:normal">The state of text in a Button. </span></span></span></p></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"><span style="font-family:SimHei; font-size:18px"><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"><br></span></span></span><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">Here is the configuration</span></span><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal">Button</span></span><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">the text effect in:</span></span><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal"><br><span style="word-wrap:normal; word-break:normal">Drawable/button_font.xml</span><br><?xml version= "1.0" encoding= "utf-8"?><br><selector xmlns:android= "http://schemas.android.com/apk/res/android" ><br><wbr> <item android:state_selected= "true" android:color= "#FFF <wbr> "/><br><wbr> <item android:state_focused= "true" android:color= "#FFF <wbr> "/><br><wbr> <item android:state_pressed= "true" android:color= "#FFF <wbr> "/><br><wbr> <item android:color= "#000 <wbr> "/><br></selector><br>Button</span></span><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">You can also achieve more complex effects, such as gradients</span></span><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal"><br><span style="word-wrap:normal; word-break:normal">Drawable/button_color.xml</span><br><?xml version= "1.0" encoding= "utf-8"?><br><selector xmlns:android= "http://schemas.android.com/apk/res/android" > <wbr> <wbr> <wbr> <wbr> <wbr> <wbr>/<wbr><br><item android:state_pressed= "true" >//</span></span><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">define when</span></span><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal">Button</span></span><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">in</span></span><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal">pressed</span></span><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">State of the Form. </span></span><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal"><wbr><br></span></span><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal"> <wbr> <shape> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> </span></span></span></span></p><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><p align="left" style="margin-top:0px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; border:0px; list-style:none; word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"><span style="font-family:SimHei; font-size:18px"><wbr> <gradient <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> /c21> <wbr> android:startcolor= "#8600ff"/><wbr></span></span></p></p><span style="word-wrap:normal; word-break:normal"><span style="font-family:SimHei; font-size:18px"><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> > <wbr> <stroke <wbr> android:width= "2dp" android:color= "#000000 <wbr> "/& Gt <wbr></span></span><br><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"> <wbr> <c2 <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> 8> <wbr> <wbr> <corners <wbr>android:radius= "5dp <wbr> "/> <wbr> <wbr> <wbr> </c2></span></span><br><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> > <wbr> <padding <wbr>android:left= "10dp" android:top= " <wbr> 10dp" <wbr> /c17></span></span><br><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"> <wbr> <c2 <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> 8> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> android:bottom= "10dp" android:right= "10dp"/> <wbr> <wbr> <wbr> </c2></span></span><br><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> <wbr> </shape> <wbr> </span></span></span></span><span style="font-family:SimHei; font-size:18px"><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal"> <span style="word-wrap:normal; word-break:normal"></item> <wbr> </span><br><span style="word-wrap:normal; word-break:normal"><item android:state_focused= "true" >//</span> </span></span><span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">Define when<span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal">Button</span></span>Get<span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal">Focus</span></span>The shape of the time<span lang="EN-US" style="word-wrap:normal; word-break:normal"><wbr><wbr></wbr><br><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><shape><wbr><wbr></wbr><br><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr> <wbr><wbr></wbr><gradient android:startcolor= "#eac100"/><wbr><wbr></wbr><br><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><stroke android:width= "2dp" android:color= "#333333"<wbr><wbr></wbr><wbr><wbr></wbr>Color= "#ffffff"/><wbr><wbr></wbr><br><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><corners android:radius= "8dp"/><wbr><wbr></wbr><wbr><wbr></wbr><br><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr> <wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><padding android:left= "10dp" android:top= "10dp"<wbr><wbr></wbr><br><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr> <wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr>android:bottom= "10dp" android:right= "10dp"/><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr> <wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><br><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr><wbr><wbr></wbr></shape><wbr><wbr></wbr><br><wbr><wbr></wbr></item><br></selector><wbr><wbr></wbr><br></span>finally, you need to include<span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal">Button</span></span>Of<span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal">XML</span></span>Add two items to the File. For example<span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal">Main.xml</span></span>Files that need to be in<span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal"><button/></span></span>Two items in Riga<span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal">Android</span></span>:</span><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span lang="EN-US" style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">focusable= "true" <wbr> android:background= "@drawable/button_color"</span></span></span></span></span><p><p>How to use Android selector selector</p></p></span>