Animating Xamarin.Forms

on YouTube ↗38m

" summary

Shows a working Xamarin.Forms rideshare UI that swaps boring controls for concrete animations: Translate/Scale/Rotate/Fade use 20–24 lines of shared code to slide and bounce views, SkiaSharp draws a custom tap ripple running at ~30 FPS for visual feedback, and Lottie (Body) imports After Effects JSON for full-screen status animations (moped + starburst) added per-platform assets. Examples run on iOS and Android, compose asynchronously with easing, and demonstrate both implementation locations (shared UI layer) and measurable performance.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 2:14Why Animate
3. 4:13XamarinForms 101
4. 11:00Navigation Context
5. 18:25Visual Feedback
6. 26:50System Status
7. 27:05Motion
8. 27:41Internal Status
9. 28:42After Effects
10. 29:20Body
11. 35:20Summary

" related talks

• 44mMobile: How Style Xamarin Forms AppBohdan Benetskyi · 4Developers 2020
• 30mMicrointeractions & Animations in React Native: Help users understand the UICatalin Miron · React Day Berlin 2019
• 25mFlux Architecture with XamarinCan Bilgin, Gergely Belgin · WeAreDevelopers 2018
• 56mFluxing Up Your .NET AppsAlex Dunn · NDC Oslo 2020
• 48mImplementation of Modern Enterprise MAUI ApplicationsBogdan Benetskiy · .NET fwdays'22 conference
• 32mGesture-driven, multiplatform transitions with AppyxZsolt Kocsi · droidcon Berlin 2023
• 32mLife is too short to develop only for Android – A journey to Server-driven UIZhenlei Ji · droidcon New York 2022
• 56mPrism and Xamarin Forms: create cross-platform app using the MVVM pattern.Matteo Pagani · .NET Fest 2017