Compartir a través de


Paso 1: Crear un proyecto y agregar un panel al formulario

El primer paso para crear un juego de laberinto es crear el proyecto y agregar un contenedor Panel al formulario.

vínculo a vídeoPara obtener una versión en vídeo de este tema, vea tutorial 2: Crear un Laberinto en Visual Basic - vídeo 1 o tutorial 2: Crear un Laberinto en C# - vídeo 1.

Para crear un proyecto y agregar un contenedor Panel

  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 Laberinto.

  4. Establezca las propiedades del formulario.

    1. Cambie el tamaño del formulario utilizando el puntero para arrastrar la esquina inferior derecha.Observe la esquina inferior derecha del entorno de desarrollo integrado (IDE).El tamaño del formulario aparece en la barra de estado.Siga arrastrando hasta que el formulario tenga 650 píxeles de ancho y de alto.Puede construir un laberinto menor o mayor, así que puede crear el formulario con el tamaño que desee.

      Tamaño en la barra de estado

      Tamaño en la barra de estadoTamaño en la barra de estado

    2. Cuando el formulario tenga el tamaño adecuado, establezca la propiedad Text en Laberinto.

    3. Para que el usuario no pueda cambiar el tamaño del formulario, establezca la propiedad FormBorderStyle en Fixed3D.

    4. Deshabilite el botón Maximizar de la barra de título del formulario estableciendo la propiedad MaximizeBox en False.

    Ahora tiene un formulario de tamaño fijo, que el usuario no puede maximizar.

    [!NOTA]

    Cuando se crea un formulario nuevo, de manera predeterminada está configurado de modo que el usuario pueda cambiar el tamaño de dos maneras: el usuario puede arrastrar los lados o las esquinas del formulario, o hacer clic el botón Maximizar para maximizar el formulario.Para asegurarse de que un usuario no pueda cambiar el tamaño del formulario, deshabilite estas dos opciones.Establecer la propiedad FormBorderStyle en cualquiera de los estilos fijos evita que el usuario cambie su tamaño, pero todavía hacer clic en el botón Maximizar.Por ello, también hay que deshabilitar la propiedad MaximizeBox.

    Luego, es preciso crear la pista de juegos, donde se construirá el laberinto.Para ello, utilice un control Panel.Un panel es un tipo de control contenedor que permite disponer un grupo de controles.A diferencia de algunos de los otros contenedores (como el contenedor TableLayoutPanel y el contenedor FlowLayoutPanel), un panel no reorganiza los controles que contiene.Esto le ofrece libertad para colocar los controles donde desee, pero un panel no resulta útil cuando el usuario cambia el tamaño de la ventana (al contrario que con los controles TableLayoutPanel o FlowLayoutPanel).

  5. Vaya al grupo Contenedores del Cuadro de herramientas y haga doble clic en Panel para agregar un panel al formulario.Cuando el panel está seleccionado, debería aparecer un icono de desplazamiento en su esquina superior izquierda, como se muestra a continuación.

    Icono de desplazamiento

    Controlador de movimiento

  6. Arrastre el panel hasta que se encuentre muy cerca de la esquina superior izquierda del formulario.Al arrastrarlo, observará una característica muy útil del IDE: en cuanto el panel se encuentre a una distancia determinada de la parte superior o del borde izquierdo del formulario, se coloca automáticamente en su lugar y una línea de separación azul entre el borde del panel y el borde del formulario.Puede utilizar esto para alinear fácilmente el panel de modo que todos sus bordes estén exactamente a la misma distancia de los bordes del formulario.En cuanto vea las líneas de separación azules superior e izquierda, suelte el botón del mouse para colocar el panel en su lugar.Las líneas de separación aparecen como sigue.

    Líneas de separación azules

    Dd492154.VS_BlueSpacerLn(es-es,VS.110).png

    Arrastre el controlador de arrastre inferior derecho hasta que el panel se coloque en su lugar respecto de los bordes derecho e inferior.

  7. Como desea que el usuario vea el perímetro del laberinto, es preciso que tenga un borde visible.Seleccione el panel y establezca su propiedad BorderStyle en Fixed3D.

  8. Guarde el proyecto haciendo clic en el botón Guardar todo de la barra de herramientas, que se muestra a continuación.

    Botón Guardar todo

    Botón de la barra de herramientas Guardar todo

  9. Para ejecutar el programa, presione F5 o haga clic en el botón de Iniciar depuración de la barra de herramientas, que se muestra a continuación.

    Botón de la barra de herramientas Iniciar depuración

    Botón de la barra de herramientas Iniciar depuración

    Al ejecutarse, el formulario se debería parecer la siguiente imagen.

    Formulario de laberinto inicial

    Formulario de laberinto inicial

  10. Antes de seguir al próximo paso del tutorial, detenga el programa cerrando el formulario o haciendo clic en el botón Detener depuración de la barra de herramientas Depuración.(Mientras el programa está en ejecución, el IDE permanece en modo de solo lectura.)

Para continuar o revisar