Question

我想使用带有白色背景和彩色图标的“使用Google登录”按钮，但是当我使用此Google图标时，总是会被着色。

  <android.support.design.button.MaterialButton
    style="@style/Widget.MaterialComponents.Button.Icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Sign in with Google"
    app:icon="@drawable/ic_google_colored"/>

如何使图标不着色？

Answer 1

我已经找到了解决方案，只是更改了iconTintMode和iconTint颜色

  <android.support.design.button.MaterialButton
    style="@style/Widget.MaterialComponents.Button.Icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Sign in with Google"
    app:icon="@drawable/ic_google_colored"
    app:iconTint="@android:color/transparent"
    app:iconTintMode="add"/>

我愿意寻求更好的解决方案

Answer 2

使用此按钮并退出色调图标以显示真实颜色

  app:icon="@drawable/ic_google"
  app:iconTint="@null

示例

<Button
  android:id="@+id/idGoogle"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:icon="@drawable/ic_google"
  app:iconTint="@null"/>

icon with real color shows black background

Answer 3

对于彩色图标，您还可以将白色用作iconTint，将multiple用作iconTintMode。

 app:iconTint="@color/white"
 app:iconTintMode="multiply"

Answer 4

这些答案都不适合我。但经过大量试验后，我发现这确实奏效了。

<Button
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:scaleType="fitCenter"
    android:background="#0000"
    android:foreground="@android:drawable/ic_menu_camera"
    />

看来关键是android:background="#0000"。不知道为什么@null 不起作用，但这就是最终让那种愚蠢的颜色消失的原因。

如何删除“材质”按钮中图标的色彩？

4 个答案: