Novedades de Windows 8.1

Introducción

Recientemente se han presentado grandes novedades para los desarrolladores .NET en el marco del //BUILD 2013. Se ha liberado Windows 8.1 Preview junto a Visual Studio 2013 Preview. Podéis descargar Windows 8.1 Preview desde http://preview.windows.com y Visual Studio 2013 Preview desde la página de descargas del Dev Center.

Windows 8.1 Preview

Windows 8.1 Preview

Windows 8.1. Novedades como sistema

La vuelta del botón inicio

Se rumoreaba desde hace tiempo con capturas filtradas y múltiples suposiciones. Algunos usuarios no se encontraban agusto sin el botón inicio. Ha vuelto. Pero esperad, no es el botón inicio tradicional que conocéis, si lo pulsamos nos guía a la interfaz Modern UI. Si hacemos clic derecho nos aparecerá un popup con acceso rápido a múltiples opciones desde acceder a la interfaz Modern UI a apagar el sistema.

Vuelve el botón inicio!

Vuelve el botón inicio!

También ha sido atendida otra petición pública bastante extendida que pedía el poder acceder directamente al escritorio clásico sin pasar por la interfaz Modern UI.

Nuevos tiles!

Contamos con dos nuevos tamaños para tiles permitiendos una mayor libertad a la hora de gestionar nuestro escritorio Modern UI.

Nuevos Tiles

Nuevos Tiles

Multitarea mejorada

Si en Windows 8 una de las características más interesantes era la multitarea y la posibilidad de tener dos aplicaciones de manera simultánea. En Windows 8.1 podemos tener hasta cuatro aplicaciones a la vez pudiendo además marcar el tamaño elegido para cada una de ellas.

NOTA: Al igual que en Windows 8 se deben de cumplir unos requisitos mínimos de resolución.

Búsquedas más potentes

En la barra de charms seguimos contando con la posibilidad de realizar de manera rápida búsquedas en el sistema y las aplicaciones. Ahora se añaden integración con archivos skydrive, el disco duro o las aplicaciones integradas en el sistema en una nueva interfaz (impresionante) que nos permite realizar acciones directas con rapidez como reproducir un video o un audio directamente.

Búsquedas

Búsquedas

Nueva tienda

Se ha rediseñado el aspecto de la tienda en una búsqueda de mayor usabilidad permitiendo encontrar o descubrir con más rapidez lo buscado. La novedad más atractiva en este punto son las actualizaciones automáticas de las aplicaciones.

Otros cambios

  • Soporte nativo para impresoras 3D.
  • LockScreen mucho más versátil.
  • Mejoras en Xbox Music.
  • Nuevas aplicaciones!
  • Más idiomas soportados (139!).
  • Etc.

En definitiva se han reforzado todas las partes importantes del sistema atendiendo también a las peticiones más importantes del público. Podéis ver un resúmen de las novedades en el siguiente video:

Lo que nos interesa, novedades en el desarrollo!

Mejoras en os Live Tiles

Los Tiles (baldosas) son uno de los pilares fundamentales de la atractiva interfaz de usuario que tenemos disponible en Windows 8.

En Windows8.1 nos ofrecerán una mayor flexibilidad y oportunidades en nuestras aplicaciones. Ahora podremos definir el live tile en el archivo de manifiesto de modo que comenzará a actualizarse de inmediato sin la necesidad de que el usuario abra e interaccione con la Aplicación.

Además, contamos con nuevos tamaños:

  • Small Tiles: 70x70px
  • Large Tiles: 310x310px
Nuevos Tiles!

Nuevos Tiles!

Recordar que en Windows 8 ya contábamos con dos tamaños de tiles:

  • Square Tiles: 150x150px
  • Wide Tiles: 310x150px

Por lo tanto ahora contamos con hasta 4 tipos diferentes de tiles. Para facilitar su identificación han sido renombrados:

  • Small = Square 70x70px
  • Medium = Square 150x150px
  • Wide = Wide 310x150px
  • Large = Square 310x310px

NOTA: Por compatibilidad los nombres antiguos siguen siendo válidos aunque se recomienda utilizar los nuevos.

Nuevos Controles!

Se han añadido mútiples controles nuevos tanto para XAML como para WinJS:

En XAML contamos con:

AppBar. En Windows 8.1 contamos un nuevos controles que nos permiten crear botones para el ApplicationBar que reflejen y respeten las guías de diseño y comportamiento establecidas sin grandes esfuerzos por parte de los desarrolladores. Contamos con tres tipos diferententes de controles:

Las diferencias con respecto a botones normales serían:

  • Por defecto son circulares en lugar de rectangulares.
  • Su contenido se establece con las propiedades Label e Icon en lugar de la propiedad Content.

El ejemplo básico de un AppBarButton sería:

<AppBarButton Icon="Test" Label="Example" Click="AppBarButton_Click"/>

Mientras que un AppBarToggleButton se definiría asi:

<AppBarToggleButton Label="Example" Click="AppBarButton_Click">
    <AppBarToggleButton.Icon>
        <PathIcon Data="F1 M 20,20L 24,10L 24,24L 5,24"/>
    </AppBarToggleButton.Icon>
</AppBarToggleButton>

Por último, un separador visual entre los botones, es decir, el AppBarSeparator se define:

<AppBarSeparator />

CommandBar. Este control nos facilita la creación de ApplicationBar en nuestras aplicaciones. El control nos proporciona:

  • Layout adecuados con botones principales alineados a la izquierda y los botones secundarios alineados a la derecha.
  • Autoescala los botones para adaptarse a cambios de resolución o de orientación.
<Page.BottomAppBar>
    <CommandBar>
        <AppBarButton Icon="Back" Label="Back" Click="AppBarButton_Click"/>
        <AppBarButton Icon="Stop" Label="Stop" Click="AppBarButton_Click"/>
        <AppBarButton Icon="Play" Label="Play" Click="AppBarButton_Click"/>
        <AppBarButton Icon="Forward" Label="Forward" Click="AppBarButton_Click"/>
        <AppBarSeparator/>
        <AppBarToggleButton Icon="Shuffle" Label="Shuffle" Click="AppBarButton_Click"/>
        <AppBarToggleButton Icon="RepeatAll" Label="Repeat" Click="AppBarButton_Click"/>
        <CommandBar.SecondaryCommands>
            <AppBarButton Icon="Like" Label="Like" Click="AppBarButton_Click"/>
            <AppBarButton Icon="Dislike" Label="Dislike" Click="AppBarButton_Click"/>
        </CommandBar.SecondaryCommands>
    </CommandBar>
</Page.BottomAppBar>

DatePicker.  Lo habíais echado de menos, ¿verdad?. Nuevo control destinado a capturar fechas en tus aplicaciones.

DatePicker

DatePicker

Diseñado para funcionar con teclado y ratón además de por supuesto táctil. Su uso muy simple:

<DatePicker x:Name=myDatePicker Header="Introduzca la fecha:"/>

Podemos establecer la fecha (propiedad Date) desde código o haciendo Binding a una instancia de tipo DateTimeOffset.

Por supuesto el control es altamente personalizable utilizando estilos y plantillas y soporta los layouts horizontales y verticales.

Flyout. Control destinado a mostrar en un popup temporal contenido adicional relacionado con la acción realizada por el usuario.

Flyout

Flyout

Hub. Destinado a reproducir con facilidad el patrón de diseño Hub ya visible en múltiples aplicaciones. El control Hub como ya hemos mencionado nos permite definir la estructura base de nuestra aplicación (tal y como nos lo permitía el control GridView por ejemplo). Nos permite estructuar la información en secciones donde lo más importante y atractivo visualmente se colocará a la izquierda mientras que el resto de opciones donde se profundiza más en la información se situa más a la derecha. El usuario accede a la información extra haciendo scroll horizontal. El objetivo del control es permitir mostrar la información con el mayor atractivo visual posible para atraer al usuario a descubrirla.

<Hub Header="News">
    <HubSection MinWidth="600" Header="Latest">
        <DataTemplate>
            <Grid>
            </Grid>
        </DataTemplate>
    </HubSection>

    <HubSection Header="Tech" IsHeaderInteractive="True" MinWidth="250">
        <DataTemplate>
            <StackPanel>

            </StackPanel>
        </DataTemplate>
    </HubSection>

    <HubSection Header="Sports" IsHeaderInteractive="True" MinWidth="250">
        <DataTemplate>
            <StackPanel>

            </StackPanel>
        </DataTemplate>
    </HubSection>
</Hub>
Hub

Hub

Hyperlink. Control que nos permite añadir enlaces. El tratamiento que recibe es exactamente igual al resto del texto. La diferencia se aplica asignándole un color diferente y que al ser pulsado navega a una URI. Su uso sencillo:

<RichTextBlock Width="200" Style="{StaticResource BasicRichTextStyle}">
    <Paragraph>Hyperlinks let you give readers a visual hint that certain text links to other content.
        <Hyperlink NavigateUri="http://dev.windows.com">Read more on the Windows Dev Center</Hyperlink>
        ... Text in a Hyperlink element is treated like the rest of the text and participates in line breaking.
    </Paragraph>
</RichTextBlock>
Hyperlink

Hyperlink

MenuFlyout. Control que nos pemite mostrar un popup temporal con un listado de opciones. Lo utilizaremos para que el usuario pueda elegir una opción entre varias opciones. Se oculta cuando el usuario pulsa sobre una opción o al pulsar fuera del control.

<Button Content="Options">
    <Button.Flyout>
        <MenuFlyout>
            <MenuFlyoutItem Text="Reset"/>
            <MenuFlyoutSeparator/>
            <ToggleMenuFlyoutItem Text="Shuffle" IsChecked="{Binding IsShuffleEnabled, Mode=TwoWay}"/>
            <ToggleMenuFlyoutItem Text="Repeat" IsChecked="{Binding IsRepeatEnabled, Mode=TwoWay}"/>
        </MenuFlyout>
    </Button.Flyout>
</Button>
MenuFlyout

MenuFlyout

SettingsFlyout. Control que nos permite crear flyouts de configuración de manera fácil respetando todos los puntos de las guías de estilo.

SettingsFlyout

SettingsFlyout

TimePicker. Control que nos permite capturar tiempos en nuestras aplicaciones. Diseñado para funcionar con teclado y ratón además de por supuesto táctil. Su uso muy simple:

<TimePicker x:Name=myTimePicker Header="Insert Time"/>
TimePicker

TimePicker

En WinJS también tenemos un listado de nuevos controles:

Otras novedades

Entre una lista considerable de cambios en la API podemos destacar:

  • Cambios en la gestión de temas. En Windows 8 el tema de la aplicación se establecía una vez en arranque y no se podia cambiar dinámicamente o establecerlo a zonas concretas (controles determinados por ejemplo). En Windows 8.1 podemos hacer ambas cosas.
  • Nueva API Scheduler. Nos permite definir la prioridad de los tasks pudiendo desarrollar aplicaciones más adaptadas eficientemente a los recursos del sistema.
  • Nueva API Http Client (HTTP y REST).
  • Mejoras múltiples de rendimiento (mejorado hasta en un 40% Bindings).
  • Mejoras en el sistema de bindings (TargetNullValue, Fallback Value, etc).

En definitiva,  más de 650 nuevas APIs disponibles en Windows 8.1!. ¿No os entran ganas de “hincarle” el diente?. En próximas entradas iremos analizando las posibilidades que nos brindan los nuevos controles asi como las nuevas APIs disponibles.

Keep Pushing!

Más información

2 pensamientos en “Novedades de Windows 8.1

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s