WinRT. MetroGridHelper.

Introducción

Uno de los puntos claves en toda aplicación donde debemos aplicar un gran esfuerzo es en la interfaz de Usuario. Al fin y al cabo es la parte que visualiza el usuario y con la que interactua. Además de lograr una interfaz clara, sencilla y efectiva, en Windows 8 debemos respetar las pautas indicadas por Microsoft para lograr una interfaz Metro (Windows 8 style UI). En esta entrada vamos a echarle un vistazo a un Helper que nos facilitará la creación de la interfaz de usuario.

MetroGridHelper

Como siempre solemos hacer vamos a realizar un ejemplo lo más simple posible pero que nos sea válida para lograr nuestros objetivos. La plantilla selecciona para realizar el ejemplo lo más simple posible será “Blank Application”.

Lo primero que debemos hacer es obtener el Helper. Podemos obtener el MetroGridHelper de NuGet:

PM> Install-Package WinRT.MetroGridHelper

Tras obtener el Helper, nos centramos en el archivo App.xaml.cs, concretamente en el método OnLaunched:

protected override void OnLaunched(LaunchActivatedEventArgs args)
{
     Window.Current.Content = rootFrame;
     Window.Current.Activate()
}

Para utilizar el Helper basta con añadir tras las líneas superiores lo siguiente:

if(System.Diagnostics.Debugger.IsAttached)
{
     MC.MetroGridHelper.MetroGridHelper.CreateGrid();
}

El resultado logrado lo podéis ver a continuación:

Puedes descargar un pequeño ejemplo donde se utiliza el MetroHridHelper a continuación:

Nada más en esta entrada. Os recomiendo que lo probéis. Si os surgen dudas o sugerencias podéis dejarlas en los comentarios.

Más información

Un pensamiento en “WinRT. MetroGridHelper.

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