Hola mundo con Metro en Windows 8 con Visual Studio 2012 RC

Lo primero para poder ejecutar las aplicaciones Metro debéis tener Windows 8 instalado la beta la podéis conseguir el página oficial de Microsoft.

• Para programar aplicaciones metro podréis acceder a la API mediante dos modelos de programación: Mediante JavaScript y HTML5
•  Mediante C++/C#/VB.NET y XAML

Para esta ejemplo me voy decantar sobre el segundo modelo usando C# y XAML.

¿Qué es una aplicación Metro?

En Windows 8 existen dos modos de funcionamiento el modo “Desktop” y el modo “Metro”.

           Modo Desktop: este modo es la interfaz a la que estamos acostumbrados y que es casi idéntica a la interfaz de Windows 7.

            Modo Metro: esta es una nueva interfaz que viene con Windows 8 y que está pensada para dispositivos táctiles.

Creación de la aplicación

Paso 1: Abrimos Visual Studio 2012 y creamos un proyecto en blanco con la interfaz XAML

Paso 2: Una vez abierto el Visual Studio 2012 RC nos dirigiremos al archivo llamado “MainPage.xaml”  para diseñar la interfaz y lo abrimos con diseñador gráfico.

Ahora diseñaremos la interfaz para que quede como se muestra en la siguiente imagen.

Nota: Debajo del Textbox también se encuentra un TextBlock que donde mostraremos el resultado.

Paso 3: Ahora insertaremos el evento para ello volveremos a las vista del diseñador y realizares un doble clic sobre el botón o iremos a los eventos del control. Un paso importante es asignarle un nombre al control si no, no podremos acedes a sus propiedades.

Aquí una imagen de la aplicación funcionando