快捷導(dǎo)航

Android 中圖片和按鈕按下?tīng)顟B(tài)變化實(shí)例代碼解析

更新時(shí)間：2018年06月04日 08:40:20 作者：太陽(yáng)火神的美麗人生

這篇文章通過(guò)實(shí)例代碼給大家總結(jié)了android 中圖片和按鈕按下?tīng)顟B(tài)變化問(wèn)題，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧

1、圖片設(shè)置背景選擇器，以便點(diǎn)按或設(shè)置選中與否，背景切換

res/drawable/selector_settings_item_back.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
  <item android:state_focused="true" android:drawable="@color/settingsSelectedItem"/> 
  <item android:state_pressed="true" android:drawable="@color/settingsSelectedItem"/> 
  <item android:state_selected="true" android:drawable="@color/settingsSelectedItem"/> 
  <item android:state_focused="false" android:drawable="@color/settingsItem"/> 
</selector >

顏色值定義：

res/values/colors.xml

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
  <color name="settingsItem">#ffffff</color> 
  <color name="settingsSelectedItem">#FFA500</color> 
</resources>

2、圓角按鈕，按下抬起切換背景，同時(shí)切換文字顏色

res/layout/activity_xxx.xml

<Button 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:layout_weight="1" 
android:background="@drawable/selector_shape_corner_button" 
  android:text="審批中" android:textColor="@drawable/selector_font_style_corner_button" 
  android:textSize="13sp" 
  />

其中引用了 res/drawable/ 下的兩個(gè) selector ，

一個(gè)是背景圖片隨點(diǎn)按抬起狀態(tài)進(jìn)行切換，一個(gè)是文本顏色隨點(diǎn)按抬起進(jìn)行切換。

res/drawable/selector_shape_corner_button.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
  <item android:state_focused="true" android:drawable="@drawable/shape_corner_button_fill"/> 
  <item android:state_pressed="true" android:drawable="@drawable/shape_corner_button_fill"/> 
  <item android:state_selected="true" android:drawable="@drawable/shape_corner_button_fill"/> 
  <item android:state_focused="false" android:drawable="@drawable/shape_corner_button"/> 
</selector >
 res/drawable/selector_font_style_corner_button

shape_corner_button.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
  android:shape="rectangle"> 
  <corners 
    android:radius="5dp" /> 
  <solid 
    android:color="#001da1f2" /> 
  <stroke 
    android:width="1dp" 
    android:color="#1da1f2" /> 
</shape>

shape_corner_button_fill.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape 
xmlns:android="http://schemas.android.com/apk/res/android" 
  android:shape="rectangle"> 
  <corners 
    android:radius="5dp" /> 
  <solid 
    android:color="#ff1da1f2" /> 
  <stroke 
    android:width="1dp" 
    android:color="#1da1f2" /> 
</shape> 
<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
  <item android:state_focused="true" android:color="#ffffff"/> 
  <item android:state_pressed="true" android:color="#ffffff"/> 
  <item android:state_selected="true" android:color="#ffffff"/> 
  <item android:state_focused="false" android:color="#1da1f2"/> 
</selector >

總結(jié)

以上所述是小編給大家介紹的Android 中圖片和按鈕按下?tīng)顟B(tài)變化實(shí)例代碼解析，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: