SlideShare a Scribd company logo
Xamarin Forms 4.x
Overview of new UI features
Glenn Versweyveld
@depechie
Microsoft Developer Technologies MVP ( Xamarin )
https://github.com/Depechie
Xamarin architecture
Shared C#
Business Logic • Platform APIs • User Interface
Shared C# codebase • 100% native API access • High performance
.NET
C# C# C#
Shared C#
Business Logic
Xamarin.Essentials
Xamarin forms architecture
.NET
C# C# C#
Xamarin.Forms - UI
Native performance
Xamarin.iOS does full Ahead Of Time (AOT)
compilation to produce an ARM binary for
Apple’s App Store.
Xamarin.Android takes advantage of
Just In Time (JIT) compilation on the
Android device.
ARM
BINARY
Runs
natively
.APPAOT .APKCompile
and Link
.NET
C#
Bindings
IL
+
JIT
Runs
natively
.NET
C#
Bindings
Geolocation Geolocation Geolocation
Compass Compass Compass
Keystore Keystore Keystore
Extra layer of functionality
Shared C# Backend
Extra layer of functionality
Shared C#
Business Logic
.NET
C# C# C#
Xamarin.Essentials
Xamarin.Forms - UI
Xamarin.Essentials
aka.ms/xamarinessentials
Flashlight
Geolocation
Preferences
Device Info
Device Display Info
Secure Settings
Accelerometer
Battery
Clipboard
Compass
Connectivity
Data Transfer
Email
File SystemGeocoding
Gyroscope
Magnetometer
Phone Dialer
Screen Lock
Sms
Text to Speech
Vibration
Xamarin Essentials
- https://docs.microsoft.com/en-us/xamarin/essentials/
- NuGet – Xamarin.Essentials
- Android Setup:
Getting started
Before:
- Assemblies: 47
- APK Size: 22.7 MB
After:
- Assemblies: 35
- APK Size: 22.2 MB
• Fully Linker Safe using [LinkerSafe] Attributes
• Linking Always Happens
• Link SDK Assemblies and Link All Assemblies
• Case Study: GeoContacts App
Getting started
Xamarin Essentials
DEMO
Xamarin Visual
- A set of Control renderers
- Specially customized by Xamarin team to guarantee same look and feel
- Material Visual : Renders controls with Google material guideline
- Other visual renderers will follow
- You can already create your own, by subclassing the base renderers
- https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-
interface/visual/create
Xamarin Visual – Material Visual
- Visual rendering applying Material Design from Google
- Add the Xamarin.Forms.Visual.Material NuGet package
- Consume the material renderers by setting the Visual property
to Material on any pages that should adopt the Material Design rules
- In addition, the Visual property can be overridden on a view
- https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-
interface/visual/material-visual
Xamarin Visual – Material Visual
DEMO
Xamarin CollectionView
- Replaces ListView
- Has new features and options
- Vertical and horizontal list or grid rendering
- Empty view, grouping
- Still preview, so not all ListView features are yet available
- Grouping marked as preview
- Extra addition on top of CollectionView will be the CarouselView
- https://devblogs.microsoft.com/xamarin/carouselview-xamarin-forms-4-3-prerelease/
- https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-
interface/collectionview/
Xamarin CollectionView
DEMO
Xamarin Shell
- Provides an opinionated navigation experience, based on flyouts and
tabs.
- The top level of navigation in a Shell application is either a flyout or a bottom tab bar, depending
on the navigation requirements of the application
- Includes a common navigation user experience
- A URI-based navigation scheme that permits navigation to any page in the application
- Allows queryParameters being added to the URI
- An integrated search handler
- Setup
- Describe the visual hierarchy of the application
- Done in a subclassed Shell class
- https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/
Xamarin Shell - advanced
- Example repository – David Ortinau
- https://github.com/davidortinau/Xappy
- https://github.com/davidortinau/Gastropods
- Example repository – Shane Neuville
- https://www.youtube.com/watch?v=JpXVKnhPJ3I
- https://github.com/PureWeen/SmartHotel360-Mobile
Xamarin Shell
DEMO
Questions

More Related Content

PDF
What's New in Xamarin? - Santo Domingo
PPTX
Prism Forms App
PDF
Optimizing and Extending Xamarin.Forms iOS, Android, and UWP Apps
PPTX
Xamarin tools
PPTX
extending-and-optimizing-xamarin-forms-apps
PPTX
Designing cross-platform User Interface with native performance using Xamarin...
PPTX
Evolve 19 | Benjie Wheeler | Intro to Adobe Experience Manager 6.5
PPTX
Hitchhicker's Guide to Using Xamarin Forms with RESTful Services
What's New in Xamarin? - Santo Domingo
Prism Forms App
Optimizing and Extending Xamarin.Forms iOS, Android, and UWP Apps
Xamarin tools
extending-and-optimizing-xamarin-forms-apps
Designing cross-platform User Interface with native performance using Xamarin...
Evolve 19 | Benjie Wheeler | Intro to Adobe Experience Manager 6.5
Hitchhicker's Guide to Using Xamarin Forms with RESTful Services

What's hot (20)

PPTX
Th03 lessons-learned-resilient-apps-mobile-app-services
PPTX
Intro to Building Mobile Apps with Xamarin
PDF
Smaller Not Taller: Defeating the mobile application architecture giant
PPTX
Evolve 19 | Amol Anand & Daniel Gordon | Author in AEM Once - Deliver Everywhere
PDF
Lessons Learned: 4 Months of Xamarin.Forms
PDF
Xamarin: The Future of App Development
PPTX
Xamarin Overview by Houssem Dellai
PPTX
Xamarin overview droidcon.tn
PPTX
Xamarin Forms
PPTX
Evolve 19 | Ameeth Palla | Adobe Asset Link - Use Cases and Pitfalls to Avoid
PPTX
Evolve 19 | Gordon Pike | Prepping for Tomorrow - Creating a Flexible AEM Arc...
PDF
Lessons Learned from Real World Xamarin.Forms Projects
PDF
.NET North UG - What’s new & next for Xamarin developers
PDF
Xamarin.Forms
PPTX
Xamarin.Forms: a cross-platform mobile UI toolkit - ConFoo 2016
PPTX
Xamarin.Forms - Building Cross Platform Mobile Apps
PPTX
Xamarin Forms
ODP
Extending An Android App Using the IBM Push for Bluemix Cloud Service
PPTX
Build 2017 - B8099 - What's new in Xamarin.Forms
ODP
Using the Mobile Data service on IBM Bluemix with an AngularJS web app
Th03 lessons-learned-resilient-apps-mobile-app-services
Intro to Building Mobile Apps with Xamarin
Smaller Not Taller: Defeating the mobile application architecture giant
Evolve 19 | Amol Anand & Daniel Gordon | Author in AEM Once - Deliver Everywhere
Lessons Learned: 4 Months of Xamarin.Forms
Xamarin: The Future of App Development
Xamarin Overview by Houssem Dellai
Xamarin overview droidcon.tn
Xamarin Forms
Evolve 19 | Ameeth Palla | Adobe Asset Link - Use Cases and Pitfalls to Avoid
Evolve 19 | Gordon Pike | Prepping for Tomorrow - Creating a Flexible AEM Arc...
Lessons Learned from Real World Xamarin.Forms Projects
.NET North UG - What’s new & next for Xamarin developers
Xamarin.Forms
Xamarin.Forms: a cross-platform mobile UI toolkit - ConFoo 2016
Xamarin.Forms - Building Cross Platform Mobile Apps
Xamarin Forms
Extending An Android App Using the IBM Push for Bluemix Cloud Service
Build 2017 - B8099 - What's new in Xamarin.Forms
Using the Mobile Data service on IBM Bluemix with an AngularJS web app
Ad

Similar to Xamarin Froms 4.x (20)

PDF
State of Union: Xamarin & Cross-Platform .NET in 2016 and Beyond
PPTX
Xamarin 3 hieu 19-06
PPTX
Introduction to Xamarin
PDF
Mobile Cross-Platform App Development in C# with Xamarin
PPTX
Xamarin.Forms (Northern VA Mobile C# Developers Group 8/13/14)
PPTX
Introduction to Cross Platform Mobile Apps (Xamarin)
PDF
Native i os, android, and windows development in c# with xamarin 4
PDF
Visual Studio 2017 Launch Event
PPTX
App innovationcircles xamarin
PPTX
Cross platform mobile app development with Xamarin
PPTX
Xamarin Roadshow
PPTX
20141216 멜팅팟 부산 세션 ii - cross platform 개발
PPTX
Xamarin workshop
PPTX
VS Saturday 2019 - Xamarin.Forms 4.x
PPTX
2019 .NET Mobile Development Hot Topics
PPTX
Introduction to Xamarin - Confoo 2015
PPTX
Xamarin among Others - Vietnam Mobile Day 2017
PDF
Cross Platform Mobile Development
PDF
EastBay.net Building Mobile Apps with Xamarin and Visual Studio
PDF
Introduction to Mobile Development with Xamarin -DotNet Westide
State of Union: Xamarin & Cross-Platform .NET in 2016 and Beyond
Xamarin 3 hieu 19-06
Introduction to Xamarin
Mobile Cross-Platform App Development in C# with Xamarin
Xamarin.Forms (Northern VA Mobile C# Developers Group 8/13/14)
Introduction to Cross Platform Mobile Apps (Xamarin)
Native i os, android, and windows development in c# with xamarin 4
Visual Studio 2017 Launch Event
App innovationcircles xamarin
Cross platform mobile app development with Xamarin
Xamarin Roadshow
20141216 멜팅팟 부산 세션 ii - cross platform 개발
Xamarin workshop
VS Saturday 2019 - Xamarin.Forms 4.x
2019 .NET Mobile Development Hot Topics
Introduction to Xamarin - Confoo 2015
Xamarin among Others - Vietnam Mobile Day 2017
Cross Platform Mobile Development
EastBay.net Building Mobile Apps with Xamarin and Visual Studio
Introduction to Mobile Development with Xamarin -DotNet Westide
Ad

More from Fons Sonnemans (12)

PDF
Writing High Peformance C# 7 Code
PDF
New XAML/UWP features in Windows 10 Fall Creators Update
PDF
Coding for kids - TechDays 2017
PDF
TechDays 2016 - Developing websites using asp.net core mvc6 and entity framew...
PPTX
Developing and Deploying Windows 10 Apps
PDF
What's new in Blend for Visual Studio 2015
PDF
Building & Designing Windows 10 Universal Windows Apps using XAML and C#
PDF
Coding for kids - TechDaysNL 2015
PDF
Twelve ways to make your apps suck less
PDF
What’s new in XAML and Tooling for Windows 8.1
PDF
Designing XAML apps using Blend for Visual Studio 2013
PDF
Making money with apps
Writing High Peformance C# 7 Code
New XAML/UWP features in Windows 10 Fall Creators Update
Coding for kids - TechDays 2017
TechDays 2016 - Developing websites using asp.net core mvc6 and entity framew...
Developing and Deploying Windows 10 Apps
What's new in Blend for Visual Studio 2015
Building & Designing Windows 10 Universal Windows Apps using XAML and C#
Coding for kids - TechDaysNL 2015
Twelve ways to make your apps suck less
What’s new in XAML and Tooling for Windows 8.1
Designing XAML apps using Blend for Visual Studio 2013
Making money with apps

Recently uploaded (20)

PPTX
Big Data Technologies - Introduction.pptx
PDF
Machine learning based COVID-19 study performance prediction
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Electronic commerce courselecture one. Pdf
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
A Presentation on Artificial Intelligence
PDF
Encapsulation theory and applications.pdf
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
KodekX | Application Modernization Development
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
Big Data Technologies - Introduction.pptx
Machine learning based COVID-19 study performance prediction
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
“AI and Expert System Decision Support & Business Intelligence Systems”
Electronic commerce courselecture one. Pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
Building Integrated photovoltaic BIPV_UPV.pdf
A Presentation on Artificial Intelligence
Encapsulation theory and applications.pdf
Chapter 3 Spatial Domain Image Processing.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
The Rise and Fall of 3GPP – Time for a Sabbatical?
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
KodekX | Application Modernization Development
20250228 LYD VKU AI Blended-Learning.pptx

Xamarin Froms 4.x

  • 1. Xamarin Forms 4.x Overview of new UI features
  • 2. Glenn Versweyveld @depechie Microsoft Developer Technologies MVP ( Xamarin ) https://github.com/Depechie
  • 3. Xamarin architecture Shared C# Business Logic • Platform APIs • User Interface Shared C# codebase • 100% native API access • High performance .NET C# C# C#
  • 4. Shared C# Business Logic Xamarin.Essentials Xamarin forms architecture .NET C# C# C# Xamarin.Forms - UI
  • 5. Native performance Xamarin.iOS does full Ahead Of Time (AOT) compilation to produce an ARM binary for Apple’s App Store. Xamarin.Android takes advantage of Just In Time (JIT) compilation on the Android device. ARM BINARY Runs natively .APPAOT .APKCompile and Link .NET C# Bindings IL + JIT Runs natively .NET C# Bindings
  • 6. Geolocation Geolocation Geolocation Compass Compass Compass Keystore Keystore Keystore Extra layer of functionality Shared C# Backend
  • 7. Extra layer of functionality Shared C# Business Logic .NET C# C# C# Xamarin.Essentials Xamarin.Forms - UI
  • 8. Xamarin.Essentials aka.ms/xamarinessentials Flashlight Geolocation Preferences Device Info Device Display Info Secure Settings Accelerometer Battery Clipboard Compass Connectivity Data Transfer Email File SystemGeocoding Gyroscope Magnetometer Phone Dialer Screen Lock Sms Text to Speech Vibration
  • 10. - NuGet – Xamarin.Essentials - Android Setup: Getting started
  • 11. Before: - Assemblies: 47 - APK Size: 22.7 MB After: - Assemblies: 35 - APK Size: 22.2 MB • Fully Linker Safe using [LinkerSafe] Attributes • Linking Always Happens • Link SDK Assemblies and Link All Assemblies • Case Study: GeoContacts App Getting started
  • 13. Xamarin Visual - A set of Control renderers - Specially customized by Xamarin team to guarantee same look and feel - Material Visual : Renders controls with Google material guideline - Other visual renderers will follow - You can already create your own, by subclassing the base renderers - https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user- interface/visual/create
  • 14. Xamarin Visual – Material Visual - Visual rendering applying Material Design from Google - Add the Xamarin.Forms.Visual.Material NuGet package - Consume the material renderers by setting the Visual property to Material on any pages that should adopt the Material Design rules - In addition, the Visual property can be overridden on a view - https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user- interface/visual/material-visual
  • 15. Xamarin Visual – Material Visual DEMO
  • 16. Xamarin CollectionView - Replaces ListView - Has new features and options - Vertical and horizontal list or grid rendering - Empty view, grouping - Still preview, so not all ListView features are yet available - Grouping marked as preview - Extra addition on top of CollectionView will be the CarouselView - https://devblogs.microsoft.com/xamarin/carouselview-xamarin-forms-4-3-prerelease/ - https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user- interface/collectionview/
  • 18. Xamarin Shell - Provides an opinionated navigation experience, based on flyouts and tabs. - The top level of navigation in a Shell application is either a flyout or a bottom tab bar, depending on the navigation requirements of the application - Includes a common navigation user experience - A URI-based navigation scheme that permits navigation to any page in the application - Allows queryParameters being added to the URI - An integrated search handler - Setup - Describe the visual hierarchy of the application - Done in a subclassed Shell class - https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/
  • 19. Xamarin Shell - advanced - Example repository – David Ortinau - https://github.com/davidortinau/Xappy - https://github.com/davidortinau/Gastropods - Example repository – Shane Neuville - https://www.youtube.com/watch?v=JpXVKnhPJ3I - https://github.com/PureWeen/SmartHotel360-Mobile