23

我正在使用以下材料按钮：

<android.support.design.button.MaterialButton
            android:id="@+id/bFavourite"         style="@style/Widget.MaterialComponents.Button.UnelevatedButton.Icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:insetTop="0dp"
            android:insetBottom="0dp"
            android:textAllCaps="false"
            android:textSize="20sp"
            app:backgroundTint="@color/main_dark_blue"
            app:backgroundTintMode="src_over"
            app:cornerRadius="0dp"
            app:icon="@drawable/heart_filled"
            app:iconGravity="textStart"
            app:iconPadding="0dp" />

heart_filled是一颗红心的png。然而，图标显示没有任何颜色（即白色心形）。为什么没有显示图像的实际颜色？谢谢

4

6 回答 6

94

也许你正在寻找这iconTint一套null

<com.google.android.material.button.MaterialButton
            android:id="@+id/btnGoogle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="end"
            android:layout_marginStart="@dimen/_2sdp"
            android:layout_weight="1"
            app:icon="@drawable/ic_google"
            app:iconGravity="textStart"
            app:iconTint="@null"
            android:elevation="@dimen/_10sdp"
            android:text="@string/string_google"
            android:textAllCaps="false"
            app:rippleColor="@color/colorBlueShade1"
            app:cornerRadius="@dimen/_20sdp"
            app:backgroundTint="@color/colorWhite"
            android:textColor="@color/colorPrimary" />

实现的输出 带有彩色图标的材质按钮

于 2019-04-08T07:16:07.223 回答
7

您可以尝试设置iconTintButton的属性：

app:iconTint="#ffffff"
于 2018-11-24T19:16:05.037 回答
4

如果您的图标有多种颜色，您还必须应用 TintMode。

  app:icon="@drawable/ic_delete"
  app:iconTint="#ffffff"
  app:iconTintMode="multiply"

使用它会给你完美的图标设计。

于 2020-12-01T13:34:24.973 回答
4

只需在材质按钮图标​​中添加着色模式即可

app:iconTintMode="multiply"

于 2021-03-10T11:36:53.787 回答
1

默认情况下（在您的情况下）使用样式提供的颜色app:icon着色。app:iconTintWidget.MaterialComponents.Button.UnelevatedButton.Icon

app:iconTint="@null"您可以使用按钮覆盖此行为：

<com.google.android.material.button.MaterialButton
   style="@style/Widget.MaterialComponents.Button.UnelevatedButton.Icon"
   app:iconTint="@null" 
   .../>
于 2020-06-19T08:30:04.760 回答
0

您可以使用app:iconTint="@android:color/white"，因为他们在文档MaterialButton Docs中提到了这一点

于 2018-11-24T19:33:22.017 回答