Floating Action Button Animation

This is the Tumblr app.

Pressing the floating action button in the first picture

Based on Floating Action Button (applies spreading animation?)

It turns into a full screen like in the second picture.

I want to implement it, but I wonder what kind of principle it is.

2022-09-21 16:29

1 Answers

This type of view will not be created by customizing FloatingActionButton. I think most people will use a lot of tricks to trick their eyes.

I would have used the following method first. The floating action button is probably in the CoordinatorLayout layout, but I think I would have placed those 7 icons in CoordinatorLayout first and placed FloatingActionButton on top of it.

And FloatingActionButton makes it disappear and places the remaining icons. But there's a background color and an X button. Maybe we need another additional view for the color of the background.

Try a prototype with this idea or another idea, and if it doesn't work out, let's think about ways or improvements.

2022-09-21 16:29

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656