移除 MaterialButton 的背景颜色并设置图标答案

【问题标题】：Remove background color of MaterialButton and set icon移除 MaterialButton 的背景颜色并设置图标
【发布时间】：2021-03-29 00:01:21
【问题描述】：

我想删除材质按钮的颜色背景，并且只想显示一个图标。图标不应带有任何颜色，但应显示我正在设置的图片（可绘制）。这是我想要实现的目标：

我使用的 Button 属性是：

<com.google.android.material.button.MaterialButton
                        android:id="@+id/btn_google"
                        app:iconPadding="0dp"
                        android:padding="0dp"
                        android:minHeight="48dp"
                        android:insetTop="0dp"
                        android:insetBottom="0dp"
                        app:elevation="3dp"
                        android:minWidth="48dp"
                        app:iconGravity="textStart"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        app:cornerRadius="50dp"
                        app:icon="@drawable/ic_google_logo"/>

这就是我得到的：

当我像这样设置谷歌徽标的透明颜色图标时（ic_google_logo）：

我尝试在按钮上添加这种样式： style="@style/Widget.MaterialComponents.Button.OutlinedButton" 它会在校正背景颜色时为图标着色。像这样：

如果您之前遇到过此问题，请提供帮助。感谢您的宝贵时间！

【问题讨论】：

为什么不使用基本的ImageView 和android:src="@drawable/ic_google_logo"？圆角半径可以用另一种解决方案来完成。
MaterialButton 默认应用一些着色，但您可以尝试使用 app:backgroundTint="@color/white" 和 app:iconTint="@android:color/transparent"?
@RobCo 它把我的图标染成了白色。现在一切都是白色的。
@lbasek 材质按钮已经有很多很棒的功能，我想使用它。但也有一些像这样的头痛。 ://

标签： android material-components-android materialbutton

【解决方案1】：

添加以下属性：

android:backgroundTint="@color/white"

完整代码：

<com.google.android.material.button.MaterialButton
    android:id="@+id/btn_google"
    android:backgroundTint="@color/white"
    app:iconPadding="0dp"
    android:padding="0dp"
    android:minHeight="48dp"
    android:insetTop="0dp"
    android:insetBottom="0dp"
    app:elevation="3dp"
    android:minWidth="48dp"
    app:iconGravity="textStart"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:cornerRadius="50dp"
    app:icon="@drawable/ic_google_logo"/>

阅读以下文档了解材质按钮属性的详细信息：

https://material.io/components/buttons/android#text-button

【讨论】：