Floating Action Button Animation

Asked 1 years ago, Updated 1 years ago, 90 views

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.

floating-action-button android

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


© 2024 OneMinuteCode. All rights reserved.