MaterialButtonToggleGroup自定义:边框颜色,边框宽度,边框弧度,排列方式,文字按下抬起颜色,背景按下抬起颜色。
搜索好的都是教怎么用,而没有说明怎么替换颜色。我跟了一下style继承关系,替换了想要替换的颜色。
布局文件
<com.google.android.material.button.MaterialButtonToggleGroup
android:id="@+id/toggleGroup"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:theme="@style/MyMaterialButtonToggleGroup"
app:checkedButton="@id/btn1"
app:singleSelection="true">
<com.google.android.material.button.MaterialButton
android:id="@+id/btn1"
style="@style/MyOutlinedButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="选项一"
android:textSize="@dimen/sp18" />
<com.google.android.material.button.MaterialButton
android:id="@+id/btn2"
style="@style/MyOutlinedButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="选项二"
android:textSize="@dimen/sp18" />
<com.google.android.material.button.MaterialButton
android:id="@+id/btn3"
style="@style/MyOutlinedButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="选项三"
android:textSize="@dimen/sp18" />
</com.google.android.material.button.MaterialButtonToggleGroup>
style 文件
<!--选项卡style-->
<style name="MyMaterialButtonToggleGroup" parent="Widget.MaterialComponents.MaterialButtonToggleGroup">
<!--选项卡背景边框和选中颜色,如果MaterialButton设置边框颜色后无效-->
<!--<item name="colorPrimary">@color/white</item>-->
<!--排列方式-->
<item name="android:orientation">horizontal</item>
<!--左上角弧度-->
<item name="cornerSizeTopLeft">@dimen/dp4</item>
<!--右上角弧度-->
<item name="cornerSizeTopRight">@dimen/dp4</item>
<!--左下角弧度-->
<item name="cornerSizeBottomLeft">@dimen/dp4</item>
<!--右下角弧度-->
<item name="cornerSizeBottomRight">@dimen/dp4</item>
</style>
<!--选项卡内部按钮颜色-->
<style name="MyOutlinedButton" parent="Widget.MaterialComponents.Button.OutlinedButton">
<!--边框颜色-->
<item name="strokeColor">@color/white</item>
<!--边框宽度-->
<item name="strokeWidth">1dp</item>
<!--文字按下抬起颜色-->
<item name="android:textColor">@drawable/outline_text_color</item>
<!--背景按下抬起颜色-->
<item name="backgroundTint">@drawable/outline_bg_color</item>
</style>
文字筛选器 outline_text_color.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--选中颜色-->
<item android:alpha="1.00" android:color="@color/white" android:state_checkable="true" android:state_checked="true" android:state_enabled="true" />
<!--未选中颜色-->
<item android:alpha="1.00" android:color="@color/gray_C" android:state_checkable="true" android:state_checked="false" android:state_enabled="true" />
<item android:alpha="1.00" android:color="@color/white" android:state_enabled="true" />
<item android:alpha="1.00" android:color="@color/white" />
</selector>
背景筛选器 outline_bg_color.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--选中颜色-->
<item android:alpha="0.3" android:color="@color/white" android:state_checked="true"/>
<!--未选中颜色-->
<item android:alpha="1.00" android:color="@android:color/transparent" android:state_checked="false"/>
</selector>