Hola Mundo en C# + XAML

Lo primero, tras abrir el VS2012 Express, es crear un proyecto con plantilla Visual C# para Tienda Windows y tipo Aplicación vacía (XAML). Nombramos al proyecto con un original "HolaMundo" y pulsamos en Aceptar.

Nuestro objetivo será crear un interfaz sencillo, con un título destacado, una etiqueta y un TextBox donde el usuario pueda introducir su nombre. A continuación colocaremos un botón, de cuyo evento Click haremos que se muestre un mensaje personalizado de saludo a dicho usuario. Vamos lo que siempre hacemos cuando comenzamos en un nuevo lenguaje/tecnología, ¿verdad?. Recordad que lo importante es ir familiarizándose con el nuevo entorno, y comprender los cimientos para avanzar hacia cosas más complejas.

Cuando se crea la solución podemos observar que hay múltiples grupos y ficheros que se crean inicialmente también:

Lo primero a aprender es que la MainPage.xaml es la interfaz de nuestra aplicación, mientras que el App.xaml contiene los recursos disponibles para la aplicación. Ambas páginas tienen sendos ficheros con extensión .cs, donde reside el código subyacente. Lo primero que vamos a hacer es eliminar la interfaz creada por defecto y agregar al Proyecto una nueva llamada MainPage: Menú Proyecto/Agregar Nuevo Elemento/Tienda Windows/Página básica.

En dicha página, en la vista Diseñar, hacemos los cambios necesarios usando los controles del Cuadro de herramientas y las propiedades de dichos controles hasta obtener algo similar a ésto:

El botón, tal y como sabemos, debemos asociar el evento Click a una función que modifique el texto del TextBox del saludo:

Localizamos el TextBox reservado para el texto de saludo, debajo del TextBox del recuadro, pasando el ratón por encima y encontrando el recuadro azul asociado. Jugando un poco, vamos a las propiedades del elemento, sección Varios, campo Style,  y pulsamos en el control al final de dicho texto, apareciéndonos una ventana como ésta:

Como fácilmente puede intuirse, usaremos estos recursos de estilo para editar los existentes, o crear los que queramos personalizados, como recursos locales para la aplicación. En el ejemplo he creado un tipo de letra de color rojo y tamaño 50, tal y como puede apreciarse en el App.xaml. De paso he agragado el RequestedTheme "Light" para que la aplicación, que hace uso de texto, se vea mejor, al menos en mi opinión, con el fondo en claro:

Tras pulsar F5 en el Visual Studio vemos que el resultado de la aplicación es el esperado: