1. 程式人生 > >Android開發筆記: 自定義RadioButton樣式

Android開發筆記: 自定義RadioButton樣式

1 先看效果圖


2 準備圖片

  注意圖片不要太大,我的是30x30的


3 匯入圖片資源

   將cb_normal.png和cb_selected.png放入drawable裡

4 建立radio_button_state.xml

  在drawable裡建立該檔案,如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_checked="false"
        android:drawable="@drawable/cb_normal" />
    <item
        android:state_checked="true"
        android:drawable="@drawable/cb_selected" />
</selector>

5 添加布局檔案

<RadioGroup
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">

                    <RadioButton
                        android:id="@+id/rb_edid_switch_edid"
                        android:text="切換EDID"
                        android:gravity="center"
                        android:layout_marginTop="20dp"
                        android:layout_width="match_parent"
                        android:textColor="@color/app_text"
                        android:checked="true"
                        android:button="@null"
                        android:background="@drawable/fun_button_highlight"
                        android:drawableLeft="@drawable/radio_button_state"
                        android:layout_height="60dp"  />

                    <RadioButton
                        android:id="@+id/rb_edid_save_edid"
                        android:text="儲存EDID"
                        android:gravity="center"
                        android:layout_marginTop="20dp"
                        android:layout_width="match_parent"
                        android:textColor="@color/app_text"
                        android:button="@null"
                        android:background="@drawable/fun_button_highlight"
                        android:drawableLeft="@drawable/radio_button_state"
                        android:layout_height="60dp" />

                </RadioGroup>


6 總結

  需要將RadioButton的button屬性設定為null,否則會有之前的選擇框,

即android:button="@null"