How to remove auto padding of FAB button in android?

Question

I am using FAB button for profile picture but it is already having some padding. I am using following code for creating FAB button.

<android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="120dp" android:layout_height="120dp" android:layout_margin="@dimen/fab_margin" android:src="@drawable/student" app:layout_anchor="@id/app_bar" app:layout_anchorGravity="bottom|end"/>

How can i remove the padding which is automatically providing by library. I have also attached an screenshot of output. I want to remove this sky blue color and increase the size of src image.

there is margin `android:layout_margin="@dimen/fab_margin"` in your xml not padding — Uttam Panchasara, Jul 25 '16 at 12:30
dimen file is having fab_margin variable which is for getting margin from right side. — Shravan Jain, Jul 25 '16 at 12:38
If you add some image into FAB button then it automatically take some padding. I want to remove that padding actually. — Shravan Jain, Jul 25 '16 at 12:39

score 17 · Answer 1 · answered Dec 17 '18 at 10:45

You can changethe attribute app:maxImageSize to match the size of your image.

app:maxImageSize="the wanted size"

I find the solution safer the the overriding of the design_fab_image_size because if your app have several floating action buttons, you will only alter one.

score 16 · Accepted Answer · answered Nov 25 '16 at 13:35

16

just add this in your dimens.xml file

<dimen name="design_fab_image_size" tools:override="true">36dp</dimen>

This might not work for 3rd party libraries.

answered Nov 25 '16 at 13:35

Bawa

876
10
28

I think it's cleaner to use the method of user2637476, because it doesn't override any value from the Android library. – Jack' Apr 19 '20 at 21:05
1

depends on requirement i believe. – Bawa May 05 '20 at 09:34

score 1 · Answer 3 · answered Aug 10 '18 at 19:01

1

add this in your fab xml layout

android:elevation="0dp"
app:elevation="10dp"
app:useCompatPadding="true"

This will do the job. Worked perfectly for me.

answered Aug 10 '18 at 19:01

vibhorchaudhary

73
1
7

score 0 · Answer 4 · answered Dec 28 '19 at 14:48

0

Just Add

app:useCompatPadding="false"

answered Dec 28 '19 at 14:48

Manik Biradar

1,294
2
9
7

1

Code only answers are discouraged. Please add some explanation as to how this solves the problem, or how this differs from the existing answers. [From Review](https://stackoverflow.com/review/low-quality-posts/24961548) – Nick Dec 29 '19 at 01:44

How to remove auto padding of FAB button in android?

4 Answers4

Linked