Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introducción a Windows 10

5,609 views

Published on

Intro to Windows 10 new features for development

Published in: Technology
  • Be the first to comment

Introducción a Windows 10

  1. 1. Introducción a Windows 10 Josué Yeray Freelance Mobile developer Windows Platform MVP info@josueyeray.com @josueyeray blog.josueyeray.com
  2. 2. Antes de empezar… ¿Nos conoces? CartujaDotNet: @CartujaDotNet - CartujaDotNet.es WPSUG: @WPSUG - WPSUG.net SVQXDG: @SVQXDG - meetup.com/sevillaxamarindevelopers
  3. 3. Comenzamos!
  4. 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. 5. CartujaDotNet Un código común
  6. 6. CartujaDotNet Un Kernel, un sistema
  7. 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. 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. 9. CartujaDotNet UAP = Universal App Platform Una colección de contratos y versiones
  10. 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. 11. DEMO Hel10 World
  12. 12. Las apps windows correrán en cualquier dispositivo
  13. 13. CartujaDotNet El SDK de extensión
  14. 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. 15. DEMO Extensions SDK
  16. 16. La historia de las Apps Windows adaptativas
  17. 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. 18. CartujaDotNet
  19. 19. CartujaDotNet
  20. 20. Los usuarios adoran las Apps que son geniales en cada uno de sus dispositivos
  21. 21. Mejoras en Visual States
  22. 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. 23. Device family views
  24. 24. CartujaDotNet Device families En Windows 10, podemos distinguir los dispositivos de dos formas: • Por resolución • Por familia
  25. 25. CartujaDotNet Device families Windows 10 ofrece distintas familias de dispositivos: • Desktop • Mobile • Xbox • IoT • …
  26. 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. 27. Nuevos controles XAML
  28. 28. RelativePanel
  29. 29. CartujaDotNet Relative Panel Adaptativo Relativo al Panel Relativo a controles “hermanos” Simplifica nuestro XAML Simplifica el árbol visual Simplifica los estados visuales
  30. 30. El control Relative Panel es una de las claves para tus estrategias a la hora de adaptar la UI
  31. 31. SplitView
  32. 32. CartujaDotNet SplitView
  33. 33. CartujaDotNet Segoe MDL2 Assets
  34. 34. InkCanvas
  35. 35. CartujaDotNet InkCanvas DirectInk Más hardware Más preciso
  36. 36. Introducción a Windows 10 Josué Yeray Freelance Mobile developer Windows Platform MVP info@josueyeray.com @josueyeray blog.josueyeray.com

×