When using the new FloatingActionButton
, the size is determined by app:fabSize="normal"
. How can I set what in dp
is the size referenced by "normal"
?
I tried to create values/attrs.xml
:
<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="app"> <attr name="fabSize"> <enum name="mini" value="50dp" /> <enum name="normal" value="100dp" /> </attr> </declare-styleable> </resources>
But I get the error
"normal" in attribute "fabSize" is not a valid integer
The solution is app:maxImageSize = "56dp" property set to your FAB. Have an image or vector asset, preferably in perfect circle shape and perfectly fit to canvass (no empty margins). Know the actual size of Floating Action Bar (FAB) - Default (56 x 56dp) or Mini (40 x 40dp).
There are two different sizes of FAB
available: normal
or mini
Normal (56dp)
— This size should be used in most situations.
Mini (40dp)
— Should only be used when there is a need for visual continuity with other components displayed on the screen.
You can override the normal and mini sizes by adding the following to values/dimens.xml
:
<!-- Overriding sizes of the FAB --> <dimen name="design_fab_size_normal">90dp</dimen> <dimen name="design_fab_size_mini">30dp</dimen>
The tricky thing would be if you need more than 2 fab sizes, in that case i guess you need to create a custom view extending the fab.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With