Mobile: How Style Xamarin Forms App
summary
Live demos show Xamarin.Forms apps that use Grid, CollectionView, CarouselView and SwipeView with working refresh and empty templates and a login screen that runs on Android and iOS. Code uses one-line Visual Material to switch styles, embedded font icon technique, state manager triggers for UI states, and Lottie JSON files for animated assets. The magic gradient NuGet and playground supply ~16,000 presets via magic gradients and CSS parsing and the talk includes concrete shake, flip and timing examples with Lottie animations that are implemented and tested.
AI-written summary · about
chapters (23)
- 0:00Introduction to UI in Xamarin.Forms
- 1:16Good UI vs bad UI examples
- 6:59Design inspiration sources
- 12:03Material Visual in Xamarin.Forms
- 13:49Using icon fonts in apps
- 17:24State manager for interactive screens
- 18:27Basic animations in Xamarin.Forms
- 19:11Lottie animations setup
- 20:55CSS with Less in Xamarin.Forms
- 22:00New Xamarin.Forms layouts
- 24:32Ghost animation demo
- 25:37State templates in UI
- 26:39Action menu with animation
- 27:42Button cell dance animation
- 29:34Credit card UI implementation
- 31:44White line animation in forms
- 32:46Flex button for layouts
- 33:10Unzone animation example
- 34:10Showing card dropdown animation
- 35:57Magic gradients introduction
- 40:07Magic gradients demo
- 41:33Future adventures in Xamarin.Forms
- 42:13Conclusion and resources
related talks
38mAnimating Xamarin.Forms
56mPrism and Xamarin Forms: create cross-platform app using the MVVM pattern.
25mFlux Architecture with Xamarin
56mFluxing Up Your .NET Apps
48mImplementation of Modern Enterprise MAUI Applications
32mLife is too short to develop only for Android – A journey to Server-driven UI
30mMicrointeractions & Animations in React Native: Help users understand the UI
32mGesture-driven, multiplatform transitions with Appyx