Slides utilizadas en el Workshop de Introducción a Xamarin.Forms en .NET Conf UY

1. Esteban Yañez
Lead Software Design Engineer
IntroducciónaXamarin.Forms
SOUTHWORKS

2. Modotradicional
iOS WindowsAndroid
Objective-C/Swift
Xcode
C#
Visual Studio
Java/Kotlin
Android Studio
No hay código compartido • Muchos lenguajes y ambientes de desarrollo • Multiples equipos

3. Escribíunavezycorrelodondequieras
Lua
Javascript
Actionscript
HTML+CSS
Acceso limitado a APIs nativas • Baja performance • Experiencia de usuario pobre
App generator

4. Xamarin
iOS C# UI Windows C# UIAndroid C# UI
Shared C# logic
Código C# compartido • 100% acceso APIs nativas • Alta performance

5. Interfaz de usuario nativa Acceso a API nativas Performance Nativa
¿QuéesunaaplicaciónNativa?

6. PerformanceNativa
Xamarin.iOS utiliza Ahead Of Time (AOT)
compilation para producer los binarios
ARM para Apple App Store.
Xamarin.Android utiliza Just In
Time (JIT) compilation en
dispositivos Android.
ARM
BINARY
Runs
natively
.APPAOT
.NET
C#
Bindings
.APKCompile
and Link
.NET
C#
Bindings
IL
+
JIT
Runs
natively

7. XamarinNative–TraditionalUI
3 Interfaces de usuario Nativas
Lógica compartida
iOS C# Windows C#Android C#
Shared C# Logic

8. Xamari.Forms–CrossPlatformUI
Shared C# Logic
Shared UI Code

9. Xamarin+Xamarin.Forms
Con Xamarin.Forms:
Más código compartido, todo nativo
Traditional Xamarin approach
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Logic Shared C# Logic
Xamarin.Forms

10. UINativaconcódigocompartido
<?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>

11. Loqueincluye
✓ 40+ Pages, layouts, and controls
(A partir de code behind o XAML)
✓ Two-way data binding
✓ Navigation
✓ Animation API
✓ Dependency Service
✓ Messaging Center
Shared C# Logic
Shared UI Code

12. ¡¡ADESARROLLAR!!
• Ingresa a http://bit.ly/xamassemble
• https://xamarinassemble.azurewebsites.net/
• Descarga o clona el código
• Seguí las instrucciones de los README

13. 15 al 17 de Noviembre 2018.NET Conf UY v2018

15. #EXPLOTAAA
¡MUCHAS GRACIAS!
@teban3010
eyanez.89@gmail.com
Esteban Yañez