Paso 1: Crear un proyecto y agregar una tabla a un formulario

El primer paso para crear un juego de formar parejas es crear el proyecto y agregar una tabla al formulario.

Para crear un proyecto y agregar una tabla al formulario

1. En el menú Archivo, haga clic en Nuevo proyecto.

2. Si no usa Visual Studio Express, primero debe seleccionar un lenguaje.En la lista Plantillas instaladas, seleccione C# o Visual Basic.

3. Haga clic en el icono Aplicación de Windows Forms y, a continuación, escriba el nombre MatchingGame.

4. Establezca las propiedades del formulario.

   1. Cambie la propiedad Text del formulario a Matching Game.

   2. Cambie el tamaño a 550 píxeles de ancho por 550 píxeles de alto mediante la propiedad Size o arrastre el mouse hasta que vea el tamaño correcto en la esquina inferior izquierda del entorno de desarrollo integrado (IDE).

5. Arrastre un control TableLayoutPanel desde el cuadro de herramientas y, a continuación, establezca sus propiedades:

   1. Establezca la propiedad BackColor en CornflowerBlue.(Seleccione la pestaña Web en el selector de colores para ver los nombres de los colores).

   2. Establezca la propiedad Dock en Fill; para ello, haga clic en el botón de lista desplegable situado al lado de la propiedad y haga clic en el botón grande del medio.

   3. Haga clic en el botón del triángulo situado en la esquina superior derecha de TableLayoutPanel para mostrar el menú de tareas.

   4. Haga clic dos veces Agregar fila para agregar dos filas más y, a continuación, haga clic dos veces en Agregar columna para agregar dos columnas más.

   5. Haga clic en Editar filas y columnas para abrir la ventana Estilos de columna y fila.Seleccione cada una de las columnas, haga clic en el botón Porcentaje y establezca el ancho de cada columna en el 25 por ciento del ancho total.A continuación, seleccione Filas en la lista desplegable de la parte superior de la ventana y establezca el alto de cada fila en el 25 por ciento.Haga clic en el botón Aceptar.

   Ahora, su control TableLayoutPanel debería tener dieciséis celdas cuadradas del mismo tamaño.

6. Asegúrese de que el control TableLayoutPanel esté seleccionado en el editor de formularios.Con él seleccionado, abra el cuadro de herramientas y haga doble clic en Etiqueta para agregar un control Label al cuadrado superior izquierdo.Ahora, el control Label debería estar seleccionado en el IDE.Establezca sus propiedades:

   1. Establezca la propiedad BackColor en CornflowerBlue.

   2. Establezca la propiedad AutoSize en False.

   3. Establezca la propiedad Dock en Fill.

   4. Establezca la propiedad TextAlign en MiddleCenter haciendo clic en el botón de lista desplegable que se encuentra al lado de la propiedad y haciendo clic, a continuación, en el botón central.

   5. Haga clic en la propiedad Font.Debería aparecer un botón de puntos suspensivos.

   6. Haga clic en el botón de puntos suspensivos y establezca la fuente en Webdings 72 point Bold.

   7. Establezca la propiedad Text en la letra c.

      La celda superior izquierda de TableLayoutPanel debería contener un cuadro negro grande centrado sobre un fondo azul.

      Nota

      La fuente Webdings es una fuente de iconos que se distribuye con el sistema operativo Microsoft Windows.En el juego de formar parejas, el jugador necesita encontrar la correspondencia entre pares de iconos, de modo que se usa esta fuente para mostrar los iconos que deben coincidir.En lugar de colocar c en la propiedad Text, pruebe a escribir letras diferentes para ver qué iconos se muestran.Un signo de exclamación es una araña, una N mayúscula es un ojo y una coma es una guindilla.

7. Seleccione el control Label y cópielo.(Presione Ctrl+C o, en el menú Edición, haga clic en Copiar). A continuación, péguelo.(Presione Ctrl+V o, en el menú Edición, haga clic en Pegar). Aparecerá otra etiqueta en la segunda celda de TableLayoutPanel.Vuelva a pegar el control; aparecerá otra etiqueta en la tercera celda.Siga pegando los controles Label hasta que se llenen todas las celdas.

   Nota

   Si pega demasiadas veces, el IDE agrega una nueva fila a TableLayoutPanel para que haya espacio para agregar el nuevo control Label.La acción se puede deshacer.Para quitar la nueva celda, presione Ctrl+Z o, en el menú Edición, haga clic en Deshacer.

   Ya tiene diseñado el formulario.Debería tener este aspecto:

   Formulario inicial del juego de formar parejas

   

Para continuar o revisar

• Para ir al siguiente paso del tutorial, vea Paso 2: Agregar un objeto aleatorio y una lista de iconos.

• Para volver al tema de la información general, vea Tutorial 4: Crear un juego de formar parejas.