Intro to Windows 10 new features for development

1. Introducción a Windows 10
Josué Yeray
Freelance Mobile developer
Windows Platform MVP
info@josueyeray.com
@josueyeray
blog.josueyeray.com

2. Antes de empezar…
¿Nos conoces?
CartujaDotNet: @CartujaDotNet - CartujaDotNet.es
WPSUG: @WPSUG - WPSUG.net
SVQXDG: @SVQXDG - meetup.com/sevillaxamarindevelopers

3. Comenzamos!

4. CartujaDotNet
El Core de Windows
Un código común
Un kernel
Un mismo Sistema de archivos
Un modelo de App
Y más…

5. CartujaDotNet
Un código común

6. CartujaDotNet
Un Kernel, un sistema

7. CartujaDotNet
Mayor facilidad para
estar al día
Plataforma de Apps
y Core unificado
El viaje de la convergencia
Windows 10
Convergencia a
nivel de kernel
Convergencia en
el modelo de
App

8. CartujaDotNet
La nueva plataforma
Tenemos que controlar algunos acrónimos nuevos
UAP
Universal App Platform
UWP app
Universal Windows Platform app
CWP app
Classic Windows Platform app

9. CartujaDotNet
UAP = Universal App Platform
Una colección de contratos y versiones

10. CartujaDotNet
Es similar a lo conocido
• ¿Existe un archivo de manifiesto?
• ¿Existe un Proyecto principal?
• ¿Existe un Proyecto Shared?
• ¿Tenemos directivas #IF de
compilación?

11. DEMO
Hel10 World

12. Las apps windows correrán en
cualquier dispositivo

13. CartujaDotNet
El SDK de extensión

14. CartujaDotNet
Extensiones por plataforma
<ItemGroup>
<!-- Reference to the .Net Framework
and Windows SDK are automatic -->
<SDKReference Include="Windows Desktop,
Version=10.0.9910.0"/>
<SDKReference Include="Windows Mobile,
Version=10.0.0.1"/>
</ItemGroup>

15. DEMO
Extensions SDK

16. La historia de las Apps Windows
adaptativas

17. CartujaDotNet
Opciones de diseño para adaptar la
interfaz
Estrategias de diseño
Layouts flexibles con tamaños relativos
Vistas XAML por dispositivo
Archivos XAML separados con código compartido
Estados visuales XAML
Utilizados para escalar y gestionar orientaciones

18. CartujaDotNet

19. CartujaDotNet

20. Los usuarios adoran las Apps que
son geniales en cada uno de sus
dispositivos

21. Mejoras en Visual States

22. CartujaDotNet
Visual State setters & triggers
Setters permite establecer propiedades simples
La mayoría de propiedades no necesitan animación
Triggers declarados cuando se aplica un estado
No necesitamos gestionar eventos en el code-behind
<VisualState x:Name="wideState">
<VisualState.Setters>
<Setter Target="myPanel.Orientation" Value="Horizontal" />
</VisualState.Setters>
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth="600"/>
</VisualState.StateTriggers>
</VisualState>

23. Device family views

24. CartujaDotNet
Device families
En Windows 10, podemos distinguir los dispositivos de dos formas:
• Por resolución
• Por familia

25. CartujaDotNet
Device families
Windows 10 ofrece distintas familias de dispositivos:
• Desktop
• Mobile
• Xbox
• IoT
• …

26. CartujaDotNet
Device families
En algunas ocasiones, puede que el cambio de UI entre familias sea
más complejo que una simple reorganización basada en el tamaño
Incluso, el tamaño nos puede llevar a equívocos.
Por ejemplo:
Lumia 1520 1080x1920
Asus VivoTab 800x1280
No solo es importante la resolución: pulgadas y familia también lo
son.

27. Nuevos controles XAML

28. RelativePanel

29. CartujaDotNet
Relative Panel
Adaptativo
Relativo al Panel
Relativo a controles “hermanos”
Simplifica nuestro XAML
Simplifica el árbol visual
Simplifica los estados visuales

30. El control Relative Panel es una de
las claves para tus estrategias a la
hora de adaptar la UI

31. SplitView

32. CartujaDotNet
SplitView

33. CartujaDotNet
Segoe MDL2 Assets

34. InkCanvas

35. CartujaDotNet
InkCanvas DirectInk
Más hardware
Más preciso

36. Introducción a Windows 10
Josué Yeray
Freelance Mobile developer
Windows Platform MVP
info@josueyeray.com
@josueyeray
blog.josueyeray.com