Introducción a Windows 10
36
Introducción a Windows 10 Josué Yeray Freelance Mobile developer Windows Platform MVP [email protected] @josueyeray blog.josueyeray.com
-
Upload
josue-yeray-julian-ferreiro -
Category
Technology
-
view
242 -
download
1
Transcript of Introducción a Windows 10
Introducción a Windows 10Josué Yeray
Freelance Mobile developer
Windows Platform MVP
@josueyeray
blog.josueyeray.com
Antes de empezar…¿Nos conoces?
CartujaDotNet: @CartujaDotNet - CartujaDotNet.es
WPSUG: @WPSUG - WPSUG.net
SVQXDG: @SVQXDG - meetup.com/sevillaxamarindevelopers
Comenzamos!
CartujaDotNet
El Core de Windows
Un código común
Un kernel
Un mismo Sistema de archivos
Un modelo de App
Y más…
CartujaDotNet
Un código común
CartujaDotNet
Un Kernel, un sistema
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 enel modelo de
App
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
CartujaDotNet
UAP = Universal App Platform
Una colección de contratos y versiones
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?
DEMO
Hel10 World
Las apps windows correrán en cualquier dispositivo
CartujaDotNet
El SDK de extensión
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>
DEMO
Extensions SDK
La historia de las Apps Windows adaptativas
CartujaDotNet
Opciones de diseño para adaptar la interfaz
Estrategias de diseñoLayouts flexibles con tamaños relativos
Vistas XAML por dispositivoArchivos XAML separados con código compartido
Estados visuales XAMLUtilizados para escalar y gestionar orientaciones
CartujaDotNet
CartujaDotNet
Los usuarios adoran las Apps queson geniales en cada uno de susdispositivos
Mejoras en Visual States
CartujaDotNet
Visual State setters & triggers
Setters permite establecer propiedades simplesLa mayoría de propiedades no necesitan animación
Triggers declarados cuando se aplica un estadoNo 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>
Device family views
CartujaDotNet
Device families
En Windows 10, podemos distinguir los dispositivos de dos formas:
• Por resolución
• Por familia
CartujaDotNet
Device families
Windows 10 ofrece distintas familias de dispositivos:
• Desktop
• Mobile
• Xbox
• IoT
• …
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.
Nuevos controles XAML
RelativePanel
CartujaDotNet
Relative Panel
AdaptativoRelativo al Panel
Relativo a controles “hermanos”
Simplifica nuestro XAMLSimplifica el árbol visual
Simplifica los estados visuales
El control Relative Panel es una de las claves para tus estrategias a la hora de adaptar la UI
SplitView
CartujaDotNet
SplitView
CartujaDotNet
Segoe MDL2 Assets
InkCanvas
CartujaDotNet
InkCanvas DirectInk
Más hardware
Más preciso
Introducción a Windows 10Josué Yeray
Freelance Mobile developer
Windows Platform MVP
@josueyeray
blog.josueyeray.com
