Questions tagged [floating-action-button]

Floating action buttons are a special case of promoted actions. They are distinguished by a circled icon floating above the UI and have special motion behaviors, related to morphing, launching, and its transferring anchor point.

See official documentation

Floating action buttons are a special case of promoted actions. They are distinguished by a circled icon floating above the UI and have special motion behaviors, related to morphing, launching, and its transferring anchor point.

There are two sizes of floating action buttons: the default size and the mini, which should only be used to create visual continuity with other elements on the screen.

Example image

1845 questions
644
votes
27 answers

Android changing Floating Action Button color

I have been trying to change Material's Floating Action Button color, but without success.
Jjang
  • 11,250
  • 11
  • 51
  • 87
292
votes
11 answers

How can I add the new "Floating Action Button" between two widgets/layouts

I guess you have seen the new Android design guidelines, with the new "Floating Action Button" a.k.a "FAB" For instance this pink button: My question sounds stupid, and I have already tried a lot of things, but what is the best way to put this…
Waza_Be
  • 39,407
  • 49
  • 186
  • 260
218
votes
14 answers

Adjust icon size of Floating action button (fab)

The new floating action button should be 56dp x 56dp and the icon inside it should be 24dp x 24dp. So the space between icon and button should be 16dp.
188
votes
5 answers

Android Design Support Library expandable Floating Action Button(FAB) menu

Now that the Android Design Support Library is out, does anyone knows how to implement expanded Fab menu with it, like the fab on Inbox App? Should look like this:
geekkoz
  • 3,654
  • 4
  • 21
  • 19
156
votes
19 answers

Set FAB icon color

current FAB I would like to know how to change the icon color of the FAB (Floating Action Button) widget supplied by the 'com.android.support:design:22.2.0' library from green to white. style.xml