Awesome
An awesome animated Flippable View with Xamarin.Forms
Let me create an awesomely animated Flippable View control with Xamarin.Forms! :)
Something that Flips! Flipity Flippy Flippin' Flip View right out of Xamarin.Forms yol! :D
Check out the full blog article here: https://theconfuzedsourcecode.wordpress.com/2017/12/10/its-a-flippin-flipity-flippable-view-in-xamarin-forms/
<img src="https://github.com/UdaraAlwis/XFFlipViewControl/blob/master/screenshots/xfflipviewcontrolios.gif" height="380" /> <img src="https://github.com/UdaraAlwis/XFFlipViewControl/blob/master/screenshots/xfflipviewcontrolandroid.gif" height="380" />
<br /><img src="https://github.com/UdaraAlwis/XFFlipViewControl/blob/master/screenshots/xfflipviewdemoios.gif" height="380" /> <img src="https://github.com/UdaraAlwis/XFFlipViewControl/blob/master/screenshots/xfflipviewdemoandroid.gif" height="380" />
<br />Ok so let me elaborate step by step..
1. Prepare a MainLayout View to hold two child Layouts (FrontView and BackView) in it
2. Add the FrontView and BackView on top of each other inside the MainLayout View
3. Rotate the MainLayout 90 degrees using Xamarin.Forms Animations API
4. Swap the FrontView and BackView
5. Then Rotate the MainLayout another 90 degrees
6. And Repeat the same...
That's it!