Operaciones básicas de programación con Metro y Windows 8 (I)
Nota preliminar del autor: Las entradas y subentradas que he elaborado constituyen una toma de contacto con Metro y Visual Studio 2012, pero no están pensadas pensando en la interfaz Metro. Por esta razón, las entradas tratan de abordar conceptos de una forma de desarrollar una aplicación Metro, pero debemos tener en cuenta que a la hora de desarrollar una aplicación Metro, ésta debe seguir unas normas y pautas de diseño por las cuales, Microsoft podría rechazar nuestra aplicación.
Navegación entre páginas de una aplicación – Introducción
Navegación entre páginas de una aplicación – Introducción (I)
Introducción
Vamos a empezar una serie de entradas que tienen relación con las comunes y típicas operaciones y acciones básicas de programación con las que deberemos enfrentarnos a la hora de desarrollar cualquier utilidad o aplicación para Windows 8.
En esta primera entrada y para abrir bocas, vamos a trabajar con una aplicación que tenga más de una ventana, y vamos a interactuar con ellas, de forma que aprendamos a navegar entre las diferentes ventanas de nuestra aplicación, y podamos manipular datos de una ventana desde otra.
Nota adicional del autor: Estas entradas están creadas con la versión preliminar del entorno de desarrollo Visual Studio 2012 y del sistema operativo Windows 8, por lo que podría haber diferencias entre lo que se expone en todas las entradas y la versión definitiva de ambos productos.
Crear nuestro proyecto con Visual Studio 2012
Lo primero que deberemos hacer es crear nuestro proyecto con Visual Studio 2012.
Para ello, crearemos un proyecto en C# de tipo Windows Metro Style y como plantilla, utilizaremos la plantilla Blank App (XAML).
En el Explorador de Soluciones, encontraremos nuestro proyecto recién creado con todos los archivos creados por defecto.
Agregar una nueva Page o página a nuestro proyecto
El concepto de Window o ventana en aplicaciones Metro ha dejado paso al concepto de Page o página.
Si prestamos atención al proyecto que hemos creado, observaremos que por defecto, la plantilla Blank App (XAML), ha creado una página de nombre MainPage.xaml.
Esta página tiene asociado un fichero de código que para C# será MainPage.xaml.cs y que para VB será MainPage.xaml.vb.
Nosotros por nuestra parte, vamos a agregar una nueva página de nombre Prueba, y que en nuestro caso será Prueba.xaml, y como código asociado, Prueba.xaml.cs.
Para realizar esto, vamos a hacer clic con el botón derecho del ratón sobre el proyecto del Explorador de Soluciones, y vamos a seleccionar la opción Add > New Item, o bien, podemos utilizar la combinación de teclas Ctrl + Shift + A.
Una vez hecho esto, seleccionaremos la plantilla Basic Page para crear una página básica, y como nombre tal y como mencioné anteriormente, pondremos Prueba.
En este caso por lo tanto, trabajaremos con una página de nombre Prueba.xaml, y con un código asociado en C# de nombre Prueba.xaml.cs.
Cuando hagamos esto, Visual Studio 2012 nos mostrará un mensaje por pantalla en el que nos facilita la vida agregando por nosotros una serie de archivos y dependencias para trabajar con esta página. En caso contrario, deberíamos llevar a cabo operaciones manuales con tal propósito. En nuestro caso, vamos a responder Sí a esta sugerencia.
Observaremos entonces, que dentro de la carpeta Common de nuestro proyecto, Visual Studio 2012 se ha encargado de agregar una serie de archivos que nos ayudará a la hora de trabajar con nuestras páginas.
Una vez hecho esto, observaremos que en Prueba.xaml hay un mensaje.
Para visualizar correctamente dentro del diseñador de Visual Studio 2012 nuestra nueva página Prueba recién creada, vamos a recompilar nuestra solución.
Iniciando nuestra aplicación
Llegados a este punto, vamos a ejecutar nuestra aplicación.
Esto lo lograremos haciendo clic sobre la tecla F5.
Si lo hacemos veremos que aparece una ventana de color oscuro y que pertenece a MainPage.xaml, y es que aunque tengamos dos páginas en nuestra aplicación, todavía no hemos agregado ninguna funcionalidad ni control a ninguna de ellas, así que vamos a darle un poco de forma a nuestra aplicación.
(…Continúa…)
