效果图:
上不是一个ToolBar可在文章中:Android 自带ToolBar自定义中间标题&分类
RadioButton布局:
<RadioButton
android:id="@+id/rb_recommend"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/btn_top_title_bac_selector"
android:textColor="@drawable/font_white_pink_selector"
android:textSize="16dp"
android:button="@null"
android:checked="true"
android:text="推荐"/>
背景:
btn_top_title_bac_selector.xml:选择器
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_enabled="true"
android:state_checked="false"
android:drawable="@drawable/bac_elipse_white" />
<item
android:state_enabled="true"
android:state_checked="true"
android:drawable="@drawable/bac_elipse_pick" />
</selector>
bac_eclipse_white.xml:背景样式
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 实心 -->
<solid android:color="@color/font_pink"/>
<!-- 边框
<stroke
android:width="0.5dp"
android:color="@android:color/black"/>
-->
<!-- 圆角 -->
<corners android:radius="15dp"/>
<!-- 边距 -->
<padding
android:top="3dp"
android:bottom="3dp"
android:left="10dp"
android:right="10dp"/>
</shape>
字体:
font_white_pink_selector.xml:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_enabled="true"
android:state_checked="false"
android:color="@color/white" />
<item
android:state_enabled="true"
android:state_checked="true"
android:color="@color/font_pink" />
</selector>