效果图
点击右面 -->
<RadioGroup
android:id="@+id/radioGroup"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginEnd="@dimen/dp_20"
android:orientation="horizontal" >
<RadioButton
android:id="@+id/yes_rd"
android:layout_width="@dimen/dp_50"
android:layout_height="@dimen/dp_30"
android:button="@null"
android:background="@drawable/buttonradio"
android:checked="true"/>
<RadioButton
android:id="@+id/no_rd"
android:layout_width="@dimen/dp_50"
android:button="@null"
android:gravity="center"
android:textColor="@color/black"
android:background="@drawable/buttonradioo"
android:layout_height="@dimen/dp_30"/>
</RadioGroup>
- drawable/buttonradio
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/res/android" tools:ignore="MissingDefaultResource">
<item
android:state_checked="false"
android:drawable="@drawable/button_brack22" />
<item
android:state_checked="true"
android:drawable="@drawable/button_blue_light2" />
</selector>
- button_brack22 和 button_blue_light2
//button_brack22
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
tools:ignore="MissingDefaultResource">
<solid android:color="@color/blue" />
<corners
android:bottomLeftRadius="@dimen/dp_5"
android:topLeftRadius="@dimen/dp_5"
/>
</shape>
//button_blue_light2
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
tools:ignore="MissingDefaultResource">
<!-- 实心 ,背景颜色,#00000000表示透明-->
<!--<solid android:color="#00000000" />-->
<solid android:color="@color/white" />
<corners
android:bottomLeftRadius="@dimen/dp_5"
android:topLeftRadius="@dimen/dp_5"
/>
<stroke
android:width="@dimen/dp_2"
android:color="@color/gray_99999" />
<!-- 圆角,度数 -->
<padding
android:bottom="@dimen/dp_1"
android:top="@dimen/dp_1"
android:left="@dimen/dp_1"
android:right="@dimen/dp_1" />
</shape>
- buttonradioo
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/res/android" tools:ignore="MissingDefaultResource">
<item
android:state_checked="false"
android:drawable="@drawable/button_gray_light2" />
<item
android:state_checked="true"
android:drawable="@drawable/button_brackk" />
</selector>
- button_gray_light2 和 button_brackk
//button_gray_light2
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
tools:ignore="MissingDefaultResource">
<!-- 实心 ,背景颜色,#00000000表示透明-->
<!-- <solid android:color="#00000000" />-->
<solid android:color="@color/gray_99999" />
<corners android:bottomRightRadius="@dimen/dp_5"
android:topRightRadius="@dimen/dp_5"/>
<stroke
android:width="@dimen/dp_2"
android:color="@color/gray_99999" />
<!-- 圆角,度数 -->
<padding
android:bottom="@dimen/dp_1"
android:top="@dimen/dp_1"
android:left="@dimen/dp_1"
android:right="@dimen/dp_1" />
</shape>
//button_brackk
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
tools:ignore="MissingDefaultResource">
<!--<solid android:color="@color/blue" />-->
<solid android:color="@color/white" />
<stroke
android:width="@dimen/dp_2"
android:color="@color/blue" />
<corners android:bottomRightRadius="@dimen/dp_5"
android:topRightRadius="@dimen/dp_5"/>
<!-- 圆角,度数 -->
<padding
android:bottom="@dimen/dp_1"
android:top="@dimen/dp_1"
android:left="@dimen/dp_1"
android:right="@dimen/dp_1" />
</shape>
以上是整个步骤