introducción a windows 10

Introducción a Windows 10Josué Yeray Julián FerreiroTechnical Lead @ @[email protected]

Comenzamos!

http://windows.Microsoft.com

El Core de Windows Un código comúnUn kernelUn mismo Sistema de archivosUn modelo de AppY más…


Un Kernel, un sistema


Un código común


Mayor facilidad para estar al día

Plataforma de Apps y Core unificado

El viaje de la convergencia

Windows Phone 7.5

Windows Phone 8Windows Phone 8.1

Windows 8

Xbox One

Windows on Devices

Xbox 360

Windows 8.1

Windows 10

Convergencia a nivel de

kernel

Convergencia en el modelo

de App


La nueva plataformaTenemos que controlar algunos acrónimos nuevos

UAPUniversal App Platform

UWP appUniversal Windows Platform app

CWP appClassic Windows Platform app


UAP = Universal App PlatformUna colección de contratos y versiones


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

DEMOHel10 World

Las apps windows correrán en cualquier dispositivo


El SDK de extensión

Extensiones por plataforma<ItemGroup>



<SDKReference Include="Windows Desktop, Version=10.0.9910.0"/>

<SDKReference Include="Windows Mobile, Version=10.0.0.1"/>

</ItemGroup>

La historia de las Apps Windows adaptativas


Opciones de diseño para adaptar la interfazEstrategias 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

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

Mejoras en Visual States


Visual State setters & triggersSetters 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


Device familiesEn Windows 10, podemos distinguir los dispositivos de dos formas:

• Por resolución

• Por familia


Device familiesWindows 10 ofrece distintas familias de dispositivos:• Desktop

• Mobile

• Xbox

• IoT

• …


En algunas ocasiones, puede que el cambio de UI entre familias sea más complejo que una simple reorganización basada en el tamañoIncluso, 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

Nuevos controles XAML

RelativePanel


Relative PanelAdaptativoRelativo al PanelRelativo a controles “hermanos”

Simplifica nuestro XAMLSimplifica el árbol visualSimplifica los estados visuales

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

SplitView


Segoe MDL2 Assets

InkCanvas


InkCanvas DirectInkMás hardwareMás preciso

DEMOInkCanvas

© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Stay tuned for more global MVP events!

Visit us at http://mvp.microsoft.com

introducción a windows 10

Software