I need to make 2 screens with custom animation like explained below :
Screen 1 Screen 2 ----------------------------- ------------------------------ | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | List 1 | List2 | ---------> | List 3 | List 4 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | ----------------------------- ------------------------------
- User makes a long touch on an item in List 1 and slides from left to right.
- The view containing List 1 moves from left to right (till the end of the screen) and fades. Screen 2 is shown.
Is it possible to do this animation using ViewPager
? If yes, How?
I would like to do this via ViewPager
because I'm using Fragment
s pretty extensively and I have implemented many screens as fragments already.
If anyone needs clarification about the animation or the UI, please let me know.
Update : I was able to implement both of the screens in a single activity which I have partially explained here. I can implement the same in a single fragment. But being able to implement as different Fragment
s in a ViewPager
would still help.