在我的情况下，如何更改仅图标切换按钮中的图标颜色？

Question

我正在使用 Material Design，但遇到了问题。 我有一个com.google.android.material.button.MaterialButtonToggleGroup 组，其中包括样式为@style/Widget.App.Button.OutlinedButton.IconOnly 的纯图标切换按钮。 我正在使用来自documentation 的样式：

<style name="Widget.App.Button.OutlinedButton.IconOnly" parent="Widget.MaterialComponents.Button.OutlinedButton">
        <item name="iconPadding">0dp</item>
        <item name="android:insetTop">0dp</item>
        <item name="android:insetBottom">0dp</item>
        <item name="android:paddingLeft">12dp</item>
        <item name="android:paddingRight">12dp</item>
        <item name="android:minWidth">48dp</item>
        <item name="android:minHeight">48dp</item>
</style>

截图如下：without selection 和 selected。 选择按钮时，图标具有 colorPrimary 颜色。但我希望每个按钮在选择时都有自己的颜色（例如，第一个按钮 - 绿色，第二个 - 黄色等）我尝试使用来自 this question 的提示，但它会导致错误。 iconColor、tint 等也会导致错误。可能是因为我使用的是 Material Style ...如何在仅图标切换按钮中更改图标的颜色？不一定只有在选择按钮时才改变颜色，如果按钮在选择之前为绿色并且在选择时将具有 colorPrimary，我会很高兴。

Answer 1

如果按钮在选择之前为绿色并且在选择时将具有 colorPrimary，我会很高兴。

图标为灰色，因为默认颜色为android:alpha="0.60" android:color="?attr/colorOnSurface"。

您可以将其更改为覆盖 iconTint 属性的样式：

     <com.google.android.material.button.MaterialButtonToggleGroup>
    
         <com.google.android.material.button.MaterialButton               
         style="@style/Widget.App.Button.OutlinedButton.IconOnly.Green"
         />
    
         <com.google.android.material.button.MaterialButton
           style="@style/Widget.App.Button.OutlinedButton.IconOnly.Red"
         />

地点：

<style name="Widget.App.Button.OutlinedButton.IconOnly.Green">
    <item name="iconTint">@color/icon_tint_selector</item>
</style>

使用选择器：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:alpha="1.00" android:color="?attr/colorPrimary" android:state_checkable="true" android:state_checked="true" android:state_enabled="true"/>
    <item android:alpha="0.60" android:color="@color/green500" android:state_checkable="true" android:state_checked="false" android:state_enabled="true"/> <!-- this color -->
    <item android:alpha="1.00" android:color="?attr/colorPrimary" android:state_enabled="true"/>
    <item android:alpha="0.38" android:color="?attr/colorOnSurface"/>
</selector>