Reto 2: Desarrollo

Empezamos

Vamos a crear un menú de juegos, llamado Game Menu, así que para ello necesitamos crear una interfaz que interactue con el usuario. Para ello vamos a modificar el archivo MainWindow.xaml, en dicho archivo vamos a crear una ventana de 1030 por 730 pixeles, empleando la herramienta Blend de Visual Studio:



La ventana en xaml tiene el siguiente codigo:

<Window x:Name="mainW"
WindowStartupLocation="CenterScreen"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" x:Class="Microsoft.Samples.Kinect.BodyBasics.MainWindow"
 Title="Game Menu" 
 Visibility="Visible"
 Height="730" Width="1030" 

Una vez creada la ventana le vamos a añadir los botones de jugar y exit, los iconos de los juegos y un pequeño display que te diga el juego que tienes seleccionado actualmente.

Empezaremos creando los botones de jugar, para ello con blend añadimos dos botones utilizando la interfaz gráfica quedando de esta manera:

<Button Visibility="Visible" x:Name="jugar" Content="Jugar" HorizontalAlignment="Left" Height="100" Margin="27,555.2,0,0" VerticalAlignment="Top" Width="444" FontSize="40" Click="Button_Launch" FontWeight="Bold">
            <Button.Background>
                <ImageBrush ImageSource="button.png"/>
            </Button.Background>
        </Button>

Así para cada botón que añadimos, como podemos ver con ImageBrush añadimos una imagen al botón, para darle textura, en este caso en Background, aunque también dispone de otras opciones, en este caso la pondremos en background para que así al pulsar el botón no desaparezca la textura.

Una vez creados estos botones añadimos tres botones más, cuya función sera la elección del juego a lanzar. Para ello creamos tres botones con las herramientas mencionadas anteriormente y le añadiremos una foto que contenga el icono del juego en cuestión de background. En nuestro caso hemos elegido el Hearthstone, League of legends y Mario Kart.

Como toda aplicación tiene que tener también unas instrucciones de uso para el usuario final, así que decidimos añadir dos diapositivas que contengan las instrucciones a modo de carta de presentación.
Para ello crearemos dos botones que se muestren al tamaño de la ventana y le añadiremos las texturas de las diapositivas, que previamente hemos exportado como jpeg o png.

Una vez hecho esto solo queda añadirle la funcionalidad a los botones y crear la secuencia para que se muestren los botones según corresponde.

Para ello en cada botón escribiremos el evento click que realiza, que se corresponde con una función. Ej:

 Click="Button_Launch"

Y creamos la funcion con el mismo nombre:

 private void Button_Launch(object sender, RoutedEventArgs e)
        {

Y en la función le añadimos toda la funcionalidad que le queramos dar al botón, por ejemplo cambiar la visibilidad de otro botón etc.

En los botones de los juegos y en lanzar exit añadiremos funcionalidad extra, destinada a lanzar cada aplicación, pero esto lo veremos en el siguiente apartado.