Cross-Platform Native User Interfaces with Xamarin.Forms

Transcript

3. Enfoque tradicional de Xamarin Con Xamarin.Forms: compartes más código, todo nativo ☺ iOS C# UI Windows C# UI Android C# UI Backend C# Compartido Código UI Compartido Backend C# Compartido
4. ✓ 40+ Páginas, layouts, y controles (Constrúyelos desde code behind o con XAML) ✓ Two-way data binding ✓ Navegación ✓ API de animaciones ✓ Dependency Service ✓ Messaging Center Backend C# Compartido Código UI compartido
5. Layouts Pages Stack Absolute Relative Grid ContentView ScrollView Frame Content MasterDetail Navigation Tabbed Carousel
6. ActivityIndicator BoxView Button DatePicker Editor Entry Image Label ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell
7. Ecosistema Xamarin.Forms
8. 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
9. Windows Xamarin.Forms DataContext BindingContext {Binding Property} {Binding Property} ItemsSource ItemsSource ItemTemplate ItemTemplate DataTemplate DataTemplate
11. <?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>
14. Xamarin.Forms es Open Source! open.xamarin.com
16. ✓ Mejora el rendimiento al hacer scrolling ✓ El comportamiento antiguo está por defecto (pero cambiará en un futuro cercano)
17. XAML Parsed and inflated Parsed & turned into IL XAMLC
18. ✓ Carga más rápido ✓ Disminuye el peso de la app ✓ Ver errores XAML en tiempo de compilación (build-time)
21. • Embeddable Carousel • ItemTemplate & DataTemplates • Altamente customizable
22. ✓ Custom renderer “lite” ✓ Cambia propiedades en los controles nativos ✓ Opcional ✓ “stringly-typed” X Sin métodos o eventos X Sin reemplazar el control
23. entry.Effects.Add (Effect.Resolve("Xamarin.BorderEffect"));
27. https://developer.xamarin.com/guides/xamarin-forms/datapages/
28. https://developer.xamarin.com/guides/xamarin-forms/themes/
29. Embedding Nativo
31. Preguntas. Mauricio Andrés Contreras Microsoft MVP Xamarin Certified Mobile Developer mcontreras@birdie.cl maurodev.ninja @mauroDevNinja
32. http://mva.microsot.com http://channel9.microsoft.com http://university.xamarin.com https://developer.xamarin.com/guides/xamarin- forms/ https://aka.ms/XamarinIntermediate