0

我想删除 Material Button 的颜色背景,我只想显示一个图标。图标不应带有任何颜色,但应显示我正在设置的图片(可绘制)。这是我想要实现的目标: 在此处输入图像描述

我使用的 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" 它会在更正背景颜色的同时为图标着色。像这样:

在此处输入图像描述

如果您之前遇到过此问题,请提供帮助。感谢您的时间!

4

1 回答 1

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"/>

阅读以下文档以了解有关 Material Button 属性的详细信息:

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

于 2021-01-22T17:12:25.027 回答