Recomendados
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a extending-and-optimizing-xamarin-forms-apps
Similar a extending-and-optimizing-xamarin-forms-apps (20)
Más de Matthew Soucoup
Último
Último (20)
extending-and-optimizing-xamarin-forms-apps
- 1. Extending & Optimizing Xamarin.Forms Apps Matthew Soucoup Sr. Cloud Developer Advocate, Microsoft
- 2. Slides & Code! Slides: slideshare.net/MatthewSoucoup Code: github.com/codemillmatt/MyWeather.Forms Code: github.com/codemillmatt/app-imagesearch-cogs Matthew Soucoup Sr. Cloud Developer Advocate Microsoft
- 3. iOS C# UI Windows C# UIAndroid C# UI Shared C# logic Xamarin’s unique approach Shared C# codebase • 100% native API access • High performance
- 4. Xamarin Native – Traditional UI • 3 Native User Interfaces • Shared App Logic iOS C# Windows C#Android C# Shared C# Logic
- 5. Xamarin.Forms- Cross Platform UI Shared Native User Interface Shared App Logic Shared C# Logic Shared UI Code
- 6. Xamarin Platform is included in Visual Studio Including Community Edition
- 7. Open Source – open.xamarin.com
- 8. Visual Studio Visual Studio for Mac
- 9. Build native UIs for iOS, Android, and Windows from a single, shared C# codebase. Meet Xamarin.Forms
- 10. Xamarin + Xamarin.Forms Traditional Xamarin approach With Xamarin.Forms: More code-sharing, all native iOS C# UI Windows C# UIAndroid C# UI Shared C# Logic Shared C# Logic Xamarin.Forms
- 11. 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 C# Logic Shared UI Code
- 12. Pages Stack Absolute Relative Grid ContentView ScrollView Frame Content MasterDetail Navigation Tabbed Carousel Layouts
- 13. ActivityIndicator BoxView Button DatePicker Editor Entry Image Label ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell Controls
- 14. Xamarin & Xamarin.Forms ecosystem
- 15. Native UI from shared code <?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"> <!-- Settings --> </ContentPage> </TabbedPage.Children> </TabbedPage>
- 17. Built-In Awesome
- 18. XAML Compilation XAMLCXAML Parsed and inflated Parsed & turned into IL
- 19. XAML Compilation Usage At assembly level: [XamlCompilation(XamlCompilationOptions.Compile)] [XamlCompilation(XamlCompilationOptions.Skip)] [assembly: XamlCompilation(XamlCompilationOptions.Compile)] At class level:
- 20. Access Native Features Easily Dependency Service
- 21. Messaging Center Master Page: Detail Page:
- 22. Data Templates
- 24. In Action
- 25. Custom Renderers
- 26. • Extend Forms functionality • Platform-specific implementations • Customize an existing control or write your own Custom Renderers
- 27. • Custom page (subclass PageRenderer) • Circle Image (subclass ImageRenderer) • Calendar (subclass ViewRenderer) Custom Renderers - Examples
- 28. In Action
- 29. Effects
- 30. Effects ✓ Custom renderer “lite” ✓ Change properties on the native control ✓ Optional ✓ “stringly-typed” X No methods or events X No replacing the control
- 31. Effects
- 32. In Action
- 33. New & Next
- 34. macOS Preview Enhanced GestureRecognizers Android Support Libraries PlatformSpecifics Fast Scroll NavigationPage Translucency Blur Behind Partial Collapse MasterPage Native Control Binding Map Extensibility Fast Renderers Preview Startup Time ListView Scrolling Memory Improvements XAMLC Bindable Picker Frame Corners Tizen Forms Previewer FlexLayout Preview Xamarin.Forms Embedding DataPages
- 35. Source: Matthew Robbins - MFractor
- 36. Compression + Fast Renderers
- 37. Grid StackLayout ContentView Label Button WebView Grid Label Button Image ScrollView Image Panel Panel Panel LabelRenderer TextBlock ButtonRenderer Button WebViewRenderer WebView Panel LabelRenderer Label ButtonRenderer Button ImageRenderer Image ScrollViewRendere r ImageRenderer Image Forms UWP
- 38. Grid StackLayout ContentView Label Button WebView Grid Label Button Image ScrollView Image Panel LabelRenderer TextBlock ButtonRenderer Button WebViewRenderer WebView LabelRenderer Label ButtonRenderer Button ImageRenderer Image ScrollViewRendere r ImageRenderer Image Forms UWP+Compression
- 39. Grid StackLayout ContentView Label Button WebView Grid Label Button Image ScrollView Image Panel LabelRenderer TextBlock ButtonRenderer Button WebViewRenderer WebView LabelRenderer Label ButtonRenderer Button ImageRenderer Image ScrollViewRendere r ImageRenderer Image Forms UWP+Compression
- 40. Grid StackLayout ContentView Label Button WebView Grid Label Button Image ScrollView Image Panel LabelRenderer ButtonRenderer WebViewRenderer WebView LabelRenderer ButtonRenderer ImageRenderer ScrollViewRendere r ImageRenderer Forms UWP+Compression+Fast Renderers
- 41. Flex Layout
- 43. <?xml version="1.0" encoding="UTF-8"?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x=http://schemas.microsoft.com/winfx/2009/xaml x:Class="FormsFlexLayoutDemo.FlexDemoPage"> <FlexLayout x:Name="flexbox”> <Label Text="Flex Element 1" /> <Label Text="Flex Element 2" /> <Label Text="Flex Element 3" /> <Label Text="Flex Element 4" /> <Label Text="Flex Element 5" /> </FlexLayout> </ContentPage> Flex Element 1 Flex Element 2 Flex Element 3 Flex Element 4 Flex Element 5
- 44. New Platforms
- 53. Xamarin.Forms Shared C# Logic Windows C#Android C#iOS C# iOS Obj-C Swift Android Java ?
- 54. In Action
- 57. Thank You! Matthew Soucoup Sr. Cloud Developer Advocate, Microsoft @codemillmatt codemilltech.com matt.soucoup@microsoft.com
Notas del editor
- Including the Free Community Edition
- Inside of a page are layouts A lot of options from something simple like a stack panel to complex and powerful grids
- You have more than 40 controls, layouts, and pages to mix and match from. These are all of the controls you have out of the box, you can of course create your own. What is unique is you get the native control and have access to it. Consider an Entry Field On iOS it is mapped to UITextField Android it is EditText Windows Phoen it is a TextBox
- A unique aspect of Xamarin.Forms is an abstraction over the user interface, but what about the platform specific functionality that makes these devices so special? That is where plugins for Xamarin come in.
- A unique aspect of Xamarin.Forms is an abstraction over the user interface, but what about the platform specific functionality that makes these devices so special? That is where plugins for Xamarin come in.
- We have also added a plethora of amazing new features!
- Ask audience if they know what flexbox is Ask audience if they LIKE flexbox
- At the end of talking through this, I’ll do a quick intro of Jason and call him up to demo.
- Tizen: Running on 50+ Million Samsung Devices
- Available as of build is a brand new pre-release of 2.3.5 with great new features and performance enhancements. It also features our first preview of macOS!
- Xamarin.Forms embedding is the future!
- Get started today with free 30 day trial of Xamarin at xamarin.com
- Take free self-guided courses that cover the core Xamarin concepts and count towards certification.