1. 程式人生 > >andrioid——checkbox勾選按鈕自定義樣式

andrioid——checkbox勾選按鈕自定義樣式

1、第一步:在res/drawable目錄下新建自定義checkbox勾選按鈕圖片的xml檔案tab_protocol_checkbox。當checkbox被選中時,顯示checkbox_pressed圖片(android:state_checked=”true”指定選中狀態下的圖片)。當checkbox沒有被選中時,顯示checkbox_normal圖片。

<?xml version="1.0" encoding="UTF-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item
android:drawable="@drawable/checkbox_pressed" android:state_checked="true"/>
<item android:drawable="@drawable/checkbox_normal"/> </selector>

如果需要在選中狀態下同時顯示幾張圖片,可以在selector中追加item程式碼,如下述註釋處所示

<?xml version="1.0" encoding="UTF-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android"
>
<item android:drawable="@drawable/checkbox_pressed" android:state_checked="true"/> <!-- <item android:drawable="@drawable/checkbox_pressed1" android:state_checked="true"/> --> <item android:drawable="@drawable/checkbox_normal"/> </selector>

2、第二步:在res/layout資料夾下對應的xml檔案中新增checkbox控制元件描述內容。

<CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"   //設定按鈕初始狀態為選中
        android:button="@null"  //設定勾選按鈕預設的圖片為空,如果該項不設定,則系統自帶的預設圖片會與自定義圖片重合顯示
        android:background="@drawable/tab_protocol_checkbox"/>//設定自定義圖片,即為第一段程式碼中新建的xml檔案