How to add PNG to floating action button in android

Question

I want to display this png as my floating action button. But when I set this as my src, I get a black icon instead. How can I do it?

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@null"
        android:backgroundTint="@null"
        android:cropToPadding="true"
        android:outlineSpotShadowColor="@null"
        android:src="@drawable/ic_esaathi_icon"
        app:borderWidth="0dp"
        app:elevation="6dp"
        app:maxImageSize="56dp" />

Edit: Sarath Siva's answer works fine.

app:srcCompat="@drawable/icon_02"

Look at this answer https://stackoverflow.com/a/53843325/12020725 — Taha Sami, Jul 19 '21 at 06:01

score 9 · Accepted Answer · answered Jul 19 '21 at 06:21

9

use it like this

 <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/icon_02"
        android:scaleType="center"
        app:maxImageSize="56dp"
        app:tint="@null"
        />

answered Jul 19 '21 at 06:21

Sarath Siva

547
3
14

It works. How can I do the same, set background image, programmatically? – Codist Nov 17 '21 at 19:40

snachmsm · Answer 2 · 2021-07-19T06:22:25.503

3

remove background, try to set e.g. transparent or white color (or @null), but use custom lib attributes (e.g. app:) instead of built-in ones (android:)

app:backgroundTint="@android:color/transparent"
app:tint="@android:color/transparent"

edited Jul 19 '21 at 06:22

answered Jul 19 '21 at 06:01

snachmsm

17,866
3
32
74

How to add PNG to floating action button in android

2 Answers2