Dev days 2 Xamarin Forms
- 4. Enfoque tradicional Xamarin Con Xamarin.Forms iOS C# UI Windows C# UIAndroid C# UI Shared C# Backend Shared UI Code Shared C# Backend
- 5. ✓ 40+ Pages, layouts, y controles (desde code behind o XAML) ✓ Two-way data binding ✓ Navegación ✓ Animation API ✓ DependencyService ✓ MessagingCenter Shared C# Backend Shared UI Code
- 6. Layouts Pages Stack Absolute Relative Grid ContentView ScrollView Frame Content MasterDetail Navigation Tabbed Carousel
- 7. ActivityIndicator BoxView Button DatePicker Editor Entry Image Label ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell
- 8. Permite la extensión de controles visuales añadiendo la funcionalidad inexistente. Se debe realizar cada extensión especifica por cada plataforma, con lo cual, se trabaja con código nativo Puedes reutilizar controles existentes de Xamarin Forms para no empezar desde 0.
- 10. Nos abstraemos de la plataforma nativa para la navegación Navegación de pila como cualquier aplicación móvil
- 11. Abstraídos también de la plataforma Todos los gestos “normales” dentro de una app móvil (Tap, Pinch, Pan) Se puede incluir dentro del XAML Puedes crear tus propios contenedores de gestos.
- 12. Integrado nativamente en Xamarin Forms Dependency Service propio
- 13. <?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>
- 18. macOS Preview Mejoras en 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
- 19. Source: Matthew Robbins - MFractor
Notas del editor
- #7: Inside of a page are layouts A lot of options from something simple like a stack panel to complex and powerful grids
- #8: 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 Phone it is a TextBox
- #9: Si tenemos una carencia dentro de nuestra aplicación de componentes. Podemos crear custom renders que son extensiones de distintos controles ya existentes.
- #17: Can you believe it? It has been 1 year since Xamarin.Forms was opened sourced! And what a year!
- #18: We have created a full public roadmap and crafting it with your help. Tons of merged PRs and tons of contributors! We love it!
- #19: We have also added a plethora of amazing new features!
- #22: When you want to get started you may not want to worry about emulators, sdks, and all the other over head of getting an app running. This is where the new Xamarin Live Player comes in, enabling you to continuously deploy, debug, and real time code your iOS and Android apps.
- #23: All you do is create your code base, pair your device, and run your app! That is it from with VS Mac or VS 2017. Here is what it looks like in action.
- #24: Just like that you can debug your app or “live run current view” and modify and update your UI in real time.