一、應(yīng)用場(chǎng)景:
在使用 RadioButton 時(shí),有時(shí)我們會(huì)需要自定義點(diǎn)擊時(shí)改變背景顏色的效果。
效果圖:
RadioButton自定義背景顏色.jpg
二秦驯、實(shí)現(xiàn)步驟:
1、新建一組 RadioButton :
<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal">
<RadioButton
android:id="@+id/btn1"
android:layout_width="0dp"
android:layout_height="35dp"
android:layout_weight="1"
android:background="@drawable/radiobutton_background"
android:button="@null"
android:gravity="center"
android:text="P0501"
android:textColor="@color/radiobutton_textcolor"
android:textSize="14sp" />
<RadioButton
android:id="@+id/btn2"
android:layout_width="0dp"
android:layout_height="35dp"
android:layout_marginStart="10dp"
android:layout_weight="1"
android:background="@drawable/radiobutton_background"
android:button="@null"
android:gravity="center"
android:text="P0502"
android:textColor="@color/radiobutton_textcolor"
android:textSize="14sp" />
<RadioButton
android:id="@+id/btn3"
android:layout_width="0dp"
android:layout_height="35dp"
android:layout_marginStart="10dp"
android:layout_weight="1"
android:background="@drawable/radiobutton_background"
android:button="@null"
android:gravity="center"
android:text="P0503"
android:textColor="@color/radiobutton_textcolor"
android:textSize="14sp" />
</RadioGroup>
注意:這里有2個(gè)關(guān)鍵屬性挣棕,說(shuō)明一下
1)译隘、android:button="@null" 這樣設(shè)置可以不顯示我們通常所見(jiàn)的 RadioButton 中的圓形選中按鈕.
2)亲桥、android:background="@drawable/radiobutton_background" 這里設(shè)置了背景選擇器。
2固耘、radiobutton_background.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/radiobutton_background_unchecked"
android:state_checked="false" />
<item android:drawable="@drawable/radiobutton_background_checked"
android:state_checked="true" />
</selector>
3题篷、radiobutton_background_checked.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 填充 -->
<solid android:color="@color/color1" />
<!-- 圓角 -->
<corners android:radius="5dp" />
</shape>
4、radiobutton_background_unchecked.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 填充 -->
<solid android:color="@color/color2" />
<!-- 圓角 -->
<corners android:radius="5dp" />
</shape>
5厅目、RadioGroup 的單選監(jiān)聽(tīng)器番枚,獲取選中的RadioButton
RadioGroup radioGroup = (RadioGroup) findViewById(R.id.radioGroup);
radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
RadioButton radioButton = (RadioButton) group.findViewById(checkedId);
String result = radioButton.getText().toString();
}
});