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.
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.
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.
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.
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..
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With