Awesome
<img src="images/icon.png" height="40" style="float:left;margin:-2px 5px 0 0"> Xamarin.Plugin.SharedTransitions
Activate shared element transitions between pages in Xamarin.Forms (IOS/Android)
What is a shared element transition?
Shared element transitions are animations connecting common elements from one page to another.<br> A shared element transition determines how elements that are present in two pages transition between them. For example, an image that is displayed on both Page A and Page B, transitions from A to B when B becomes visible.
<img src="images/collectionview.gif" height="500"> <img src="images/layouts.gif" height="500">
Setup
- Available on Nuget
- Install into your NetStandard project and Platforms projects.
Platform Support
Platform | Version |
---|---|
Xamarin.iOS | iOS 9+ |
Xamarin.Android | API 21+ |
Android X (Xamarin.Forms 4.5+) | API 29 |
Documentation (wiki)
- Navigation configuration
- Basic shared transitions with fixed elements
- Advanced shared transitions between collection of views and their details page
- Transition and Navigation properties
- Transition events and ITransitionAware
- Important notes & limitations
- Release notes
New Sample apps!
The sample apps have been completely rewritten: you can find examples for images & layouts, as well as dynamic examples (for both listview with DataTemplateSelector & collectionview). Every example is available in standard pages, tabbed, master detail and shell.
The main app is made with Prism and it sports the superawesome PancakeView and FFImageLoading plugins!
Note: Yes my dog is supercute and deserve her sample app :D
Copyright and license
Code released under the MIT license, see license file.