Chris Key. Senior Consultant. Open Circle Solutions

Size: px

Start display at page:

Download "Chris Key. Senior Consultant. Open Circle Solutions"

Edith Garrison
6 years ago
Views:

2 Chris Key Senior Consultant Open Circle Solutions

3 Series Part 1: Introduction to Xamarin mobile development September 14 Part 2: Building Cross Platform Mobile Applications using Xamarin Today Part 3: Mobile Dev Ops powered by Xamarin and Microsoft October 12, :00-12:00 CET

4 Agenda Developing cross platform more efficiently Xamarin forms Demo: Xamarin forms Mvvmcross Demo: Mvvmcross

5 Developing cross platform more efficiently

Demo app: XamLoc source for demo app https://github.

6 Demo app: XamLoc source for demo app DEMO APP: Xamloc ios DEMO APP: XAMLOC Android

7 Components that make up an app XAMLOC Additional UI GPS Logic Localizations Business rules Dialogs / notifications Configuration files Caching Push notifications Navigation Meta data Storage Validators Services Models Background services Devices specific hardware

8 Xamarin plugins UI+APIs UI + APIs UI + APIs Battery GPS Lights Notifications Settings Text To Speech Battery GPS Lights Notifications Settings Text To Speech Battery GPS Lights Notifications Settings Text To Speech

9 Xamarin plugins Speak( Hello World ); AVSpeechSynthesizer TextToSpeech SpeechSynthesizer

10 Xamarin plugins Common API

11 MVVM pattern View The view is responsible for defining the structure, layout, and appearance of what the user sees on the screen with a limited code-behind that does not contain business logic. View Model The view model acts as an intermediary between the view and the model, and is responsible for handling the view logic. Model The view model acts as an intermediary between the view and the model, and is responsible for handling the view logic.

12 Shared code stats icircuit Touch Draw Android 14% 86% 28% 72% ios 30% 70% 39% 61% Code Sharing Stats Mac 12% 88% 24% 76% Windows 10% 90%

13 Xamarin forms

14 Xamarin forms ios C# UI Android C# UI Windows C# UI Shared UI Code Shared C# Backend Shared C# Backend Traditional Xamarin Approach With Xamarin.Forms: More code-sharing, all native

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

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

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

<?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.

18 <?xml version="1.0" encoding="utf-8"?> <TabbedPage xmlns=" xmlns:x=" 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>

22 Xamarin forms recap

23 Mvvmcross

24 Mvvmcross Native ios, android and windows UI Shared code base mvvm pattern plugins Converters

25 MVVM pattern View The view is responsible for defining the structure, layout, and appearance of what the user sees on the screen with a limited code-behind that does not contain business logic. View Model The view model acts as an intermediary between the view and the model, and is responsible for handling the view logic. Model The view model acts as an intermediary between the view and the model, and is responsible for handling the view logic.

26 MVVMCROSS Core App APP Native application Start Setup View Models Views Presenter

27 WebBrowse r Plugins Accelerometer Bookmarks Color DownloadCache FieldBinding File Json JsonLocalization Location Messenger MethodBinding Network PhoneCall PictureChooser ReflectionEx ResourceLoader ResxLocalization SQLite-PCL Share SoundEffects ThreadUtils Visibility ViewCell * Third Party

29 Mvvmcross recap

30 THAT is all for today ANY QUESTIONS? Linked IN:

31 Slides and source for demo app Xamarin resources DEMO APP: Xamloc ios DEMO APP: XAMLOC Android

We re here to help. Erik Polzin. Colby Williams. Engineer Partner Team. Director Partners and Channels. +1 (415)

We re here to help. Erik Polzin. Colby Williams. Engineer Partner Team. Director Partners and Channels. +1 (415) We re here to help Erik Polzin Colby Williams Director Partners and Channels Engineer Partner Team erik@xamarin.com +1 (415) 547-0830 @epolzin colby@xamarin.com +1 (918) 671-5167 @colbylwilliams Xamarin