1. 程式人生 > >RadioButton自定義圖示跟選中文字狀態

RadioButton自定義圖示跟選中文字狀態

RadioButton平時用的比較少,突然用到反而遇到點小問題,為了避免以後又忘記了浪費時間,還是稍微記錄一下。

實現效果如圖,修改選中時候的文字跟小圖示:

程式碼很簡單,直接上程式碼。再稍微備註一下需要注意的地方。

  <RadioGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <RadioButton
            android:padding="5dp"
            android:button="@drawable/radiobutton_shape"
            android:text="radioButton1"
            android:textColor="@drawable/color_radiobutton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
             />

        <RadioButton
            android:padding="5dp"
            android:button="@drawable/radiobutton_shape"
            android:textColor="@drawable/color_radiobutton"
            android:text="radioButton2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </RadioGroup>

1.修改文字顏色,直接用”textColor“屬性,然後給它一個選擇器。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:color="#0000ff"/>
    <!-- not selected -->
    <item android:color="#000000"/>
</selector>

2.修改圖示,直接用”button“屬性,然後給它一個選擇器
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/node_propertyset_checkbox_selected" android:state_checked="true" android:state_enabled="true"></item>
    <item android:drawable="@drawable/node_propertyset_checkbox_default" android:state_checked="false" android:state_enabled="true"></item>
</selector>
最後備註一下需要注意點的地方,這裡設定圖示之後,是會被壓縮的(頭部跟尾部被削去了一點),我也不知道為何,同樣的圖示放在Checkbox是正常的,應該不是切圖的問題,然後這裡只能通過padding屬性來設定,或者直接給RadioButton寫死固定高度。

打個廣告,本人開始做微信公眾號運營,願意支援的就掃碼關注一下,O(∩_∩)O謝謝,主要做電影解說這一塊,每個程式設計師都想跳出寫程式碼的坑,希望多多支援