首先我们 先看下效果图:
下面来看下实现方式:
xml代码片段
<RadioGroup
android:id="@+id/rg_ml"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:orientation="horizontal" >
<RadioButton
android:id="@+id/rb_new_ml"
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_marginBottom="5dip"
android:layout_marginTop="5dip"
android:layout_weight="1"
android:background="@drawable/btn_left_selector"
android:button="@null"
android:checked="true"
android:gravity="center"
android:paddingBottom="5dip"
android:paddingTop="5dip"
android:text="最新"
android:textColor="@drawable/btn_font_selector" />
<RadioButton
android:id="@+id/rb_all_ml"
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_marginBottom="5dip"
android:layout_marginTop="5dip"
android:layout_weight="1"
android:background="@drawable/btn_right_selector"
android:button="@null"
android:gravity="center"
android:paddingBottom="5dip"
android:paddingTop="5dip"
android:text="全部"
android:textColor="@drawable/btn_font_selector" />
</RadioGroup>
引用的资源文件
btn_left_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true">
<shape android:shape="rectangle">
<solid android:color="@color/border_color" />
<corners android:bottomLeftRadius="5.0dip" android:topLeftRadius="5.0dip" />
</shape>
</item>
<item android:state_checked="false">
<shape android:shape="rectangle">
<stroke android:width="1dp" android:color="@color/border_color" />
<solid android:color="@color/transparent" />
<corners android:bottomLeftRadius="5.0dip" android:topLeftRadius="5.0dip" />
</shape>
</item>
</selector>
btn_right_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" >
<shape android:shape="rectangle">
<solid android:color="@color/border_color" />
<corners android:topRightRadius="5.0dip" android:bottomRightRadius="5.0dip" />
</shape>
</item>
<item android:state_checked="false">
<shape android:shape="rectangle">
<stroke android:width="1dp" android:color="@color/border_color" />
<solid android:color="@color/transparent" />
<corners android:bottomRightRadius="5.0dip" android:topRightRadius="5.0dip" />
</shape>
</item>
</selector>
btn_font_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_checked="true" android:color="@color/white"></item>
<item android:state_checked="false" android:color="@color/black"></item>
</selector>