Este documento presenta Windows 10, incluyendo su convergencia a nivel de kernel y modelo de aplicaciones, la nueva plataforma universal de aplicaciones (UAP), y las estrategias para crear aplicaciones adaptativas entre dispositivos, como el uso de layouts flexibles, vistas XAML separadas y estados visuales. También introduce nuevos controles como RelativePanel, SplitView e InkCanvas.

1. Introducción a
Windows 10
Josué Yeray Julián Ferreiro
Technical Lead @
@josueyeray
jyeray@devsdna.com

2. Comenzamos!

3. http://windows.Microsoft.com
El Core de Windows
Un código común
Un kernel
Un mismo Sistema de archivos
Un modelo de App
Y más…

4. http://windows.Microsoft.com
Un Kernel, un sistema

5. http://windows.Microsoft.com
Un código común

6. http://windows.Microsoft.com
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

7. http://windows.Microsoft.com
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

8. http://windows.Microsoft.com
UAP = Universal App Platform
Una colección de contratos y versiones

9. http://windows.Microsoft.com
Es similar a lo conocido
• ¿Existe un archivo de manifiesto?
• ¿Existe un Proyecto principal?
• ¿Existe un Proyecto Shared?
• ¿Tenemos directivas #IF de
compilación?

10. DEMO
Hel10 World

11. Las apps windows correrán en
cualquier dispositivo

12. http://windows.Microsoft.com
El SDK de extensión

13. http://windows.Microsoft.com
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>

14. La historia de las Apps Windows
adaptativas

15. http://windows.Microsoft.com
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

16. http://windows.Microsoft.com

17. http://windows.Microsoft.com

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

19. Mejoras en Visual States

20. http://windows.Microsoft.com
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>

21. Device family views

22. http://windows.Microsoft.com
Device families
En Windows 10, podemos distinguir los dispositivos de dos formas:
• Por resolución
• Por familia

23. http://windows.Microsoft.com
Device families
Windows 10 ofrece distintas familias de dispositivos:
• Desktop
• Mobile
• Xbox
• IoT
• …

24. http://windows.Microsoft.com
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.
Device families

25. Nuevos controles XAML

26. RelativePanel

27. http://windows.Microsoft.com
Relative Panel
Adaptativo
Relativo al Panel
Relativo a controles “hermanos”
Simplifica nuestro XAML
Simplifica el árbol visual
Simplifica los estados visuales

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

29. SplitView

30. http://windows.Microsoft.com
SplitView

31. http://windows.Microsoft.com
Segoe MDL2 Assets

32. InkCanvas

33. http://windows.Microsoft.com
InkCanvas
DirectInk
Más hardware
Más preciso

34. DEMO
InkCanvas

35. Stay tuned for more global MVP events!
Visit us at http://mvp.microsoft.com