Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to implement an App Intro with Shared View animation

I am trying to implement an application intro something like in the attached gif.

I know Shared animation isn't supported in Viewpager but I really need to have something like that.

Any help would be appreciated. 

enter image description here

like image 270
AndoAiron Avatar asked Feb 23 '16 10:02

AndoAiron


People also ask

What is Navigation animation?

The Navigation component lets you add both property and view animations to actions. To create your own animations, check out Animation resources. Navigation also includes several default animations to get you started.

How do we implement animations using latex?

One way to do that is to include different frames on different slides and to tell beamer to animate them. \includegraphics is overlay-specification aware, for example. Essentially, you include the first frame on the first slide, the second on the second slide and so on.

How does MotionLayout work?

MotionLayout bridges the gap between layout transitions and complex motion handling, offering a mix of features between the property animation framework, TransitionManager , and CoordinatorLayout . In addition to describing transitions between layouts, MotionLayout lets you animate any layout properties, as well.


2 Answers

One way would be to draw the animating view in top of view pager using framelayout. And then animate it using scale animation and translate animation when view pager moves..

like image 110
Praful Bhatnagar Avatar answered Oct 01 '22 10:10

Praful Bhatnagar


I am answering my own question just to help others who are looking for the same.

I have found the library for such kind of animation. Below mentioned is the github link https://github.com/IFTTT/SparkleMotion

However, I used the suggestion given by PrafulBhatnagar and used some overlay views while hiding the actual page views during the viewPager's scrolled/fling state.

like image 27
AndoAiron Avatar answered Oct 01 '22 10:10

AndoAiron