How to remove padding icon in FloatingActionButton

Asked Sep 04 '18 at 07:27

Active Sep 04 '18 at 10:38

Viewed 1,269 times

I want to use FloatingActionButton with custom size and use bigger icon inside. how can remove padding inside icon in FloatingActionButton

Code

<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:srcCompat="@drawable/ic_bottom_logo"
app:backgroundTint="#97D5F3"
android:padding="0dp"
app:maxImageSize="36dp"
app:fabCustomSize="64dp"
app:elevation="12dp"
app:borderWidth="0dp"
app:layout_anchor="@id/homeBottomBar"/>

edit1

app:maxImageSize => increase inside icon size

app:fabCustomSize => change fab size

edit2

design_fab_content_size no longer use in FloatingActionButton.

edited Sep 04 '18 at 10:34

InsaneCat

2,115
5
21
40

asked Sep 04 '18 at 07:27

saman

Do you want to remove the space between the icon and fab circle – Shripad Jadhav Sep 04 '18 at 07:59
check this post https://stackoverflow.com/a/34562287/9408181 – Rahul Chokshi Sep 04 '18 at 08:00
@ShripadJadhav yes – saman Sep 04 '18 at 08:07
@RahulChokshi. add `48dp` to `dimens.xml` but nothing change – saman Sep 04 '18 at 08:12
@saman You have to adjust fabCustomSize and maxImageSize attributes so that it will remove the padding some extend, here is formula how they are calculating image padding this.imagePadding = (preferredSize - this.maxImageSize) / 2; – Shripad Jadhav Sep 04 '18 at 09:52
@Pritam. thank you but i check this before – saman Sep 04 '18 at 10:27
@ShripadJadhav. according to this if `maxImageSize` and `fabCustomSize ` equal padding must be 0 but with use same size icon still has padding. – saman Sep 04 '18 at 10:32

How to remove padding icon in FloatingActionButton

0 Answers0