Un primer vistazo a Apps Universales en Windows 10
Windows 10 ha llegado como la culminación en el viaje hacia la convergencia en el desarrollo entre plataformas Windows.
Gracias a esta convergencia, podemos ejecutar nuestra App en
teléfonos, tabletas, PCs y en la Xbox One. Además, debemos unir los
nuevos dispositivos que se unen a la “familia” como dispositivos IoT
como la Raspberry Pi 2.
Universal Apps
Ahora hablamos de Apps Universales escritas una
única vez con un código comun tanto para la lógica de negocio como para
la interfaz de usuario. Además, generamos un único paquete que mantendrá una interfaz consistente y familiar para el usuario pero adaptada a cada plataforma.
Novedades
Para constuir Apps Universales bajo un mismo paquete, con el mismo
código pero adaptando la experiencia a cada plataforma se han añadido
una serie de novedades a destacar.
UX Adaptable
El modelo de Apps ha sido mejorado en líneas generales pero además se ha mejorado mucho el ViewStateMananger
para permitir crear vistas que se adapten al dispositivo con facilidad.
Esto nos permitirá crear vistas comunes sin separar en ficheros
diferentes por plataforma en la mayoría de casos. Aunque se permitirá
seguir dividiendo vistas en caso necesario.
VisualStateManager
Además los controles en tiempo de ejecución se adaptarán
a las condiciones usadas para interactuar por el usuario. De esta
forma, tendremos controles que cambien tamaño u opciones dependiendo de
si se usa entrada táctil o ratón por ejemplo.
Cortana
La integración de Cortana será mayor permitiendo búsqueda de Apps, lanzar Apps más frecuentes, etc.
Cloud
Seguiremos contando con opciones en Azure potentes y versátiles como
Azure Mobile Services o el Hub de notificaciones además del servicio de
notificaciones Windows (WNS), etc. Con Windows 10 llegan más servicios o
algunos serán mejorados como OneDrive o Cortana.
Entrando en materia
En el Hall 8 del MWC, Microsoft puso a disposición del público una
gran cantidad de Surfaces preparadas para permitir probar y crear Apps
Universales Windows 10 mediante dos Hands on Labs guiados.
Devs creando Apps Universales Windows 10
Tras probar a fondo todo lo posible, a nivel de desarrollo me gustaría destacar una serie de novedades bastante suculentas.
RelativePanel
Estamos ante un nuevo Panel que tiene como principal
objetivo permitir crear interfaces con diseños que se adapten con
facilidad a cualquier tipo de tamaño. Posiciona a los elementos que
contiene de manera relativa entre ellos.
Veamos un ejemplo sencillo:
<RelativePanel> <TextBlock x:Name="MyTextBlock" Text="TextBlock 1" RelativePanel.AlightHorizontalCenterWithPanel="True" /> <TextBlock Text="TextBlock 2" RelativePanel.RightOf="{Binding ElementName=MyTextBlock}" /></RelativePanel>En el trozo de XAML de la parte superior utilizamos el nuevo Panel
para posicionar dos simples textos. El primero de los textos se situará
de manera central en forma horizontal al Panel. El segundo es mucho más
interesante. Su posición será a la derecha del primer texto.
Tendremos disponible una gran variedad de opciones de alineación que serán las que otorgen un potencial muy alto al Panel.
Opciones de alineación del RelativePanel
Además, podremos utilizar StateTriggers para modificar la relación entre controles segun ciertas condiciones.
SplitView
Para que nos situemos de entrada, muchos conocéis alternativas visuales similares como “Hamburger menu”. Crea un menu deslizante lateral.
SplitView
Es impresionantemente sencillo de utilizar. Cuenta con una propiedad Pane que permite establecer el contenido del panel. Podemos mostrar el panel a izquierda o derecha mediante la propiedad PanePlacement y el ancho utilizando OpenPaneLength.
Veamos un sencillo ejemplo:
<SplitView x:Name="SplitView" OpenPaneLength="200" Background="Red" PanePlacement="Left"> <SplitView.Pane> <Grid> <TextBlock Text="SplitView Pane" /> </Grid> </SplitView.Pane> <Grid> <TextBlock Text="Content" /> </Grid></SplitView>Por último, tenemos la propiedad IsPaneOpen para determinar si el menu esta abierto o cerrado.
StateTriggers
Llegamos a una de las novedades más potentes. Hasta ahora
utilizábamos ya Visual States para gestionar la apariencia de la
interfaz de Apps WinRT.
Con una clara inspiración en los triggers de WPF nos llegan los StateTriggers. Su uso es muy simple, realizar un cambio en un elemento visual cuando se cumpla una condición.
Actualmente tenemos disponible AdaptiveTrigger. Basicamente la condición depende de un ancho y alto mínimo que establecemos con las propiedades MinWindowHeight y MinWindowWidth. Cuando la ventana supera el tamaño, el VisualState se activa.
<VisualStateManager.VisualStateGroups> <VisualStateGroup> <VisualState x:Name="WideState"> <VisualState.StateTriggers> <AdaptiveTrigger MinWindowWidth="600" /> </VisualState.StateTriggers> <VisualState.Setters> <Setter Target="MainGrid.Margin" Value="15, 50" /> </VisualState.Setters> </VisualState> </VisualStateGroup></VisualStateManager.VisualStateGroups>¿Os recuerda un poco a las Media Queries en CSS?. Muchos Devs de los que probaron el SDK en alguno de los Hands On Labs me lo comentaron con frecuencia.
Tenemos otra serie de novedades en emuladores, herramientas, etc. que
comentaremos con calma cuando Microsoft lo muestre con más detalles.
¿Qué es lo próximo?
Podríamos resumirlo con suma facilidad, //BUILD. Lo
mostrado en este MWC es sin duda un gran adelanto que nos abre el
apetito vorazmente dejandonos con ansias de mucho más. Se denota un gran
esfuerzo por mejorar las herramientas
de desarrollo, mejorar la plataforma y sobretodo mejorar las opciones
para utilizar y compartir código entre plataformas.
Nos vemos en la próxima!
Mientras llega la fecha, os recomiendo apuntaros al programa Insider
si aun no lo hicisteis y en el caso de desarrollo, la mejor
recomendación por ahora es crear Apps Universales 8.1 que serán una gran
base de partida cuando la nueva plataforma este disponible.
En el próximo //BUILD se mostrará más, se darán más detalles, etc.
Asi que, no se vosotros pero…¿a llegado ya el BUILD?…¿y ahora?….¿y
ahora?
Más información
- Windows Blog: A first look at the Windows 10 universal app platform