Xamarin Roadshow

Sam Basu | @samidip
Telerik Developer Advocate | Progress
.NET Conf – Xamarin Edition!

Mobile Your Way
It’s 2018 | Developers have choices
2 Native
Hybrid
JS Native
X-Compiled
3
4
5
1 Mobile Web / PWA

Compilers Languages Runtime components
COMMON INFRASTRUCTURE
.NET STANDARD LIBRARY
TOOLS
$_

Xamarin Democratizes .NET Mobile Development
Truly Native | Truly Cross-Platform

Why Xamarin
1. Target iOS, Android, MacOS & UWP from single code base
2. Reach Smart Watches and Smart TVs
3. Reuse existing skills in C#/XAML | Familiar software paradigms
4. Consistent cross-platform APIs
5. Top-notch tooling/IDEs – Visual Studio on Windows or Mac
6. Great deployment & testing tools
7. Lots of frameworks, utilities & Standardization efforts
8. Support for full DevOps workflows
9. Fantastic developer community

3 Native User Interfaces
Shared App Logic
iOS C# Windows C#Android C#
Shared C# Logic

Shared User Interface
Shared App Logic
Shared C# Logic
Shared UI Code

When Xamarin.iOS & Xamarin.Android
1. Apps needing Native behaviors
2. Apps that use many Platform-specific APIs
3. Apps where custom UI is more important than code sharing
4. Apps that have complex Native UI renderings
5. Games
6. Forms Embedding options

When Xamarin.Forms
1. Apps needing little Platform-specific functionality
2. Apps where code sharing is more important than custom UI
3. Apps built by developers comfortable in XAML
4. LOB apps with lots of lists or data entry screens
5. Simple cloud-connected apps
6. Apps needing uniform UI across Platforms
7. Custom Renderers & Native Embedding options

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.

✓ 40+ Pages, layouts, and controls
(Build from code behind or XAML)
✓ Two-way data binding
✓ Navigation
✓ Animation API
✓ Dependency Service
✓ Messaging Center
Shared C# Backend
Shared UI Code

Layouts
Pages
Stack Absolute Relative Grid ContentView ScrollView Frame
Content MasterDetail Navigation Tabbed Carousel

ActivityIndicator BoxView Button DatePicker Editor
Entry Image Label ListView Map
OpenGLView Picker ProgressBar SearchBar Slider
Stepper TableView TimePicker WebView EntryCell
ImageCell SwitchCell TextCell ViewCell

Windows Xamarin.Forms
StackPanel StackLayout
TextBox Entry
ListBox ListView
CheckBox Switch
ProgressBar ActivityIndicator
Grid Grid
Label Label
Button Button
Image Image
Date/TimePicker Date/TimePicker

Windows Xamarin.Forms
DataContext BindingContext
{Binding Property} {Binding Property}
ItemsSource ItemsSource
ItemTemplate ItemTemplate
DataTemplate DataTemplate

<?xml version="1.0" encoding="UTF-8"?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="MyApp.MainPage">
<TabbedPage.Children>
<ContentPage Title="Profile" Icon="Profile.png">
<StackLayout Spacing="20" Padding="20"
VerticalOptions="Center">
<Entry Placeholder="Username"
Text="{Binding Username}"/>
<Entry Placeholder="Password"
Text="{Binding Password}"
IsPassword="true"/>
<Button Text="Login" TextColor="White"
BackgroundColor="#77D065"
Command="{Binding LoginCommand}"/>
</StackLayout>
</ContentPage>
<ContentPage Title="Settings" Icon="Settings.png">

</ContentPage>
</TabbedPage.Children>
</TabbedPage>

Essential Tools for Xamarin Dev!

• Multi-Touch Enabled
• Pressure Sensitive
• Super Fast
• Rotate, screenshots,
location changes
• Never leave VS

Unified XAML Dialect • Shared UI across UWP & Xamarin.Forms • OSS Specs

A/B Testing
Live Update
Storage
Push Notifications
Crash Reporting
Remote Config.
Identity
Tables

Complete Rich .NET Toolbox
Any App | Any Platform

Why Telerik UI for Xamarin
1. Polished UI controls out of the box
2. Allows developers to focus on app features, rather sweating UI details
3. Native controls for Xamarin.iOS & Xamarin.Android
4. Cross-platform wrappers for Xamarin.Forms
5. Extreme performance tuned
6. Works seamlessly on Windows/Mac
7. Easy integration through NuGet and Templates
8. Lot of customization options
9. Sample apps in Stores
The Best .Xamarin UI for .NET Ninjas!

Charts
1. What Telerik is known for 
2. Stunning Data Visualization
3. 12+ Native Chart Types
4. Support for various Axes
5. Pan & Zoom Interactivity
6. Selection, Annotations & Legends
7. Tooltip visualizations
Telerik UI for Xamarin

ListView
1. ListView on steroids
2. Pull to Refresh
3. Easy Data Binding
4. Item Reorder & Swipe actions
5. Selection & Animations
6. Data Virtualization with Load on Demand
7. Flexible Layouts & Templating

DataForm
1. Build Forms quickly
2. Maps Object Properties to UI
3. Read-only or Editable Elements
4. Input Editor to Type matching
5. Three Commit modes
6. Built-in Validations & Feedback

SideDrawer
1. Extends popular Slide-out design
2. Great for Navigation & Organization
3. Embed any Content in Sliding Panel
4. Customizable Effects & Transitions

Calendar
1. Week, Month & Year views
2. Single, Multiple & Range Date Selections
3. Support for Appointments
4. Culture Localization built-in
5. Flexible Style API
6. Intuitive Day View

Gauges
1. Plot Numeric Values over Range
2. Beautiful Radial Gauges
3. Variety of Linear Gauges
4. Highly Customizable API access
5. Smooth Animations Built-in
6. Swipe Gesture Interactivity

TabView & Segmented UI
1. Intuitive New Tabs/Segments UI
2. Easy API & Navigation Support
3. Selection & Multiple Items Support
4. Customizable Templates for Content
5. Custom Normal/Selected States

AutoComplete
1. Make Typing Easier on Mobile
2. Easy Data Binding
3. Filter on Starts-With/Contains
4. Allow Single or Multiple Selections
5. Token Support

Busy Indicator
1. Variety of Busy Indicator UIs
2. User Feedback on Long Processes
3. Smooth Beautiful User Experience
4. Eight Stunning Animations out of Box
5. Support for Custom Content/Animations
6. Developer-friendly Placeholder API

Rating
1. Intuitive Rating UI
2. Template Support in Normal/Selected Mode
3. Predefined & Extendable Shapes
4. Customizable User Experience
5. Easy Data Binding & Consumption API

DataGrid (CTP)
1. Visualize & Edit tabular data
2. Sorting, Filtering & Grouping built-in
3. Easy Two-way DataBinding
4. Easy CRUD operations on data
5. UI Virtualization
6. APIs for Validations & Styling

RadPath & SlideView
1. Draw Complex Shapes in Xamarin.Forms
2. Support for various geometries
3. Present swipeable multi-page content
4. Easily create Image Galleries/Wizards

Xamarin + AI Intelligence + Telerik UI!

Let’s keep chatting | @samidip | @sfaatz
Thank You!

Xamarin Roadshow

More Related Content

What's hot (20)

Similar to Xamarin Roadshow (20)

More from Sam Basu (20)

Recently uploaded (20)

Xamarin Roadshow

Editor's Notes