Stack Overflow
Stack Overflow

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

1676 questions
589
votes
25 answers

Android changing Floating Action Button color

I have been trying to change Material's Floating Action Button color, but without success.
Jjang
  • 10,190
  • 10
  • 43
  • 76
290
votes
10 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,545
  • 47
  • 176
  • 256
188
votes
13 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.
vovahost
  • 25,072
  • 12
  • 95
  • 99
181
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:
EkKoZ
  • 3,594
  • 4
  • 19
  • 19
130
votes
5 answers

FloatingActionButton example with Support Library

Recently, I read these posts: Android Design Support Library Android Support Library, revision 22.2.0 FloatingActionButton But, none of them give me a detail example about creating a new FloatingActionButton. It's so hard to understand, which is…
Anggrayudi H
  • 13,618
  • 11
  • 44
  • 76
110
votes
7 answers

Android Design Library - Floating Action Button Padding/Margin Issues

I'm using the new FloatingActionButton from the Google Design Library and I am getting some strange padding/margin problems. This image (with developer layout options on) is from API 22. And from API 17. This is the…
hitch.united
  • 7,984
  • 7
  • 35
  • 55
102
votes
15 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