Xamarin.Forms - CTTDNUG

You don't have to know Objective-C or Java to create awesome mobile apps for iOS and Android! After a quick briefing on what exactly Xamarin is and how it works, we'll diving right into building our very first Xamarin.iOS and Xamarin.Android apps using Xamarin.Forms and C#. Since we'll be using Xamarin.Forms, we will also end up with a working Windows Phone app too! Bring your questions, and get ready to learn how easy you can get started in Mobile with Xamarin!

Transcript

1. Introduction to Xamarin.Forms! Jonathan Dick! Team Xamarin! @redth! http://redth.codes!
2. Gone Mobile Podcast! gonemobile.io!
3. Automatically test your app on! hundreds of mobile devices ! Create native iOS, Android, Mac and Windows apps in Visual Studio and C#
4. Xamarin’s Unique Approach! Native With ! Code Sharing!
5. Windows APIs!
6. iOS APIs | 100% Coverage!
7. Android APIs | 100% Coverage!
8. Anything you can do in Objective-C, Swift, or Java ! can be done in C# with Xamarin using Visual Studio!
9. Xamarin Designer for Android! Fully integrated into Xamarin Studio & Visual Studio! ! Multi-resolution editing! ! Easy switch between design and Android XML! ! Shipping for over 2 years!
10. Xamarin Designer for iOS!
11. Portable Class Libraries!
12. Xamarin + Xamarin.Forms! With Xamarin.Forms: ! more code-sharing, native controls! Traditional Xamarin approach! Shared UI Code!
13. What’s Included! !  40+ Pages, Layouts, and Controls! !  Build from code behind or XAML! !  Two-way Data Binding! ! !  Navigation! !  Animation API! !  Dependency Service! !  Messaging Center! Shared UI Code!
14. Pages! Content " MasterDetail " Navigation " Tabbed " Carousel "
15. Layouts! Stack " Absolute " Relative " Grid " ContentView " ScrollView " Frame "
16. Controls! ActivityIndicator! BoxView! Button! DatePicker! Editor! Entry! Image! Label! ListView! Map! OpenGLView! Picker! ProgressBar! SearchBar! Slider! Stepper! TableView! TimePicker! WebView! EntryCell! ImageCell! SwitchCell! TextCell! ViewCell!
17. DEMO 1! Displaying List of Data!
18. Model-View-ViewModel! Model " View " ViewModel " How to display information! What to display! Flow of interaction! Business Logic! Data objects! ! Events! Data! Data!
19. Model-View-ViewModel! Model " View " ViewModel " Xamarin.Forms Data Binding " Events! Data!
20. Data Binding!
21. Data Binding!
22. Data Binding!
23. Data Binding!
24. DEMO 2! Stocks App! www.github.com/JamesMontemagno/MyStocks.Forms
26. Extensibility! !  Custom Renderer! !  Easily subclass any control you wish to customize.! !  Add your own custom controls.! !  Add custom bindable properties! ! ! http://developer.xamarin.com/guides/cross-platform/ xamarin-forms/custom-renderer/"
27. Extensibility! !  Standard Entry Control! ! !
28. Extensibility! !  Step 1: Custom Xamarin.Forms Control! ! !
29. Extensibility! !  Step 2: Use Custom Control in our shared Pages! ! !
30. Extensibility! !  Step 3: Implement Custom Renderer! ! !
31. Extensibility! !  Step 4: Export Renderer! ! !
32. Extensibility! !  Dependency Service! !  Lets shared code access platform-specific SDK features via an Interface implementation! ! !
33. Extensibility! !  Step 1: Interface! ! !
34. Extensibility! !  Step 2: Implement on each Platform!
35. Extensibility! !  Step 3: Register with Dependency Service!
36. Extensibility! !  Step 4: Access from shared code!
37. DEMO 3! Stocks App +! Text to Speech! www.github.com/JamesMontemagno/MyStocks.Forms
38. Animations API!
39. www.github.com/JamesMontemagno/FormsAnimations
43. www.github.com/JamesMontemagno/FormsAnimations
44. Navigation! !  Root Page:! !  NavigationPage – Gives each page an INavigation ! ! !  Standard Navigation! !  Navigation.PushAsync(page: nextPage);! !  Navigation.PopAsync();! !  Modal Navigation! !  Navigation.PushModalAsync(page: modalPage);! !  Navigation.PopModalAsync();! ! !
45. Messaging Center! !  MessagingCenter.Subscribe<T>(object subscriber, string message, Action<T> callback);! !  MessagingCenter.Send(T item, string message);! ! !
46. Messaging Center! !  Master Page:! !  Detail Page:!
47. Resources! !  Documentation! !  http://developer.xamarin.com/guides/cross-platform/xamarin-forms/! !  XAML Documentation! !  http://developer.xamarin.com/guides/cross-platform/xamarin-forms/ xaml-for-xamarin-forms/! ! !  Samples! !  https://github.com/xamarin/xamarin-forms-samples! ! !
48. Xamarin.com/University! Unrivaled Mobile Development Training! Live unlimited mobile development training from mobile experts, ! in your time-zone, on your schedule and as often as you'd like.!
49. Evolve 2014 Oct 6-10 | Atlanta | Still some tickets left!
50. Q & A! ! Get your free C# t-shirt:! xamarin.com/shirt! Find Me:! @redth! http://redth.codes! photo