Paso 1: Crear un proyecto y agregar etiquetas al formulario

  • Artículo

El primer paso para crear una prueba matemática es crear el proyecto y agregar etiquetas al formulario.

Para crear un proyecto y agregar etiquetas 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 Prueba matemática.

  4. Establezca las propiedades del formulario.

    1. Cambie la propiedad Text del formulario a Prueba matemática.

    2. Cambie el tamaño a 500 píxeles de ancho por 400 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).

    3. Para evitar que los usuarios cambien el tamaño del formulario, cambie la propiedad FormBorderStyle a Fixed3D y establezca la propiedad MaximizeBox en False.

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

    1. Cambie la propiedad (Name) propiedad a timeLabel.Esta etiqueta aparece como un cuadro en la esquina superior derecha del formulario, que muestra la cuenta atrás en segundos de la prueba.

    2. Cambie la propiedad AutoSize a False para poder modificar personalmente las dimensiones del cuadro.

    3. Cambie la propiedad BorderStyle a FixedSingle para dibujar una línea alrededor del cuadro.

    4. Establezca la propiedad Size en 200, 30.

    5. Arrastre la etiqueta hacia la esquina superior derecha del formulario hasta que aparezcan las líneas azules de separación.

    6. Borre la propiedad Text haciendo clic en Text en la ventana Propiedades y presionando la tecla RETROCESO.

    7. Cambie el tamaño de fuente a 15,75.Haga clic en el signo más que aparece junto a la propiedad Font en la ventana Propiedades, que muestra varias propiedades, incluida la propiedad Size, como se muestra en la siguiente imagen.

      Ventana Propiedades con el tamaño de fuente

      Ventana Propiedades mostrando el tamaño de fuente

  6. A continuación, arrastre otro control Label desde el Cuadro de herramientas y establezca sus propiedades:

    1. Cambie el tamaño de fuente a 15,75.

    2. Establezca la propiedad Text en Tiempo restante.

    3. Arrástrelo para alinearlo a la izquierda de la etiqueta timeLabel.

  7. Ahora, agregue los controles para el problema de suma.Arrastre un control Label desde el cuadro de herramientas y, a continuación, establezca sus propiedades:

    1. Establezca la propiedad Text en ? (signo de interrogación).

    2. Establezca la propiedad AutoSize en False.

    3. Establezca la propiedad Size en 60, 50.

    4. Cambie el tamaño de fuente a 18.

    5. Cambie la propiedad TextAlign a MiddleCenter.

    6. Cambie la propiedad Location a 75, 75 para colocarlo en el formulario.

    7. Cambie la propiedad (Name) propiedad a plusLeftLabel.

  8. Seleccione la etiqueta plusLeftLabel y cópiela.(Presione Ctrl+C o bien seleccione Copiar en el menú Edición.) A continuación, realice las acciones siguientes:

    1. Péguelo tres veces.(Presione Ctrl+V, o bien seleccione Pegar en el menú Edición.)

    2. Organice las tres nuevas etiquetas para que los cuadros estén en fila a la derecha de la etiqueta plusLeftLabel, utilizando las líneas de separación para separarlas y alinearlas.

    3. Cambie la propiedad Text de la segunda etiqueta a + (signo más).

    4. Cambie la propiedad (Name) de la tercera etiqueta a plusRightLabel.

    5. Cambie la propiedad Text de la cuarta etiqueta a = (signo igual).

  9. Arrastre un control NumericUpDown desde el Cuadro de herramientas y, a continuación, haga lo siguiente:

    1. Cambie el tamaño de fuente a 18 y, a continuación, estréchelo para que el ancho sea 100.

    2. Arrástrelo hasta que se alinee con los controles Label del problema de suma.

    3. Cambie la propiedad (Name) a suma.(Aprenderemos más cosas acerca del control NumericUpDown más adelante.) Ahora, la prueba tiene una primera fila, como se muestra en la siguiente imagen.

      Primera fila de la prueba matemática

      Primera fila de prueba matemática

  10. Seleccione los cinco controles del problema de suma (los cuatro controles Label y el control NumericUpDown) y cópielos.A continuación, realice las acciones siguientes:

    1. Pegue los controles, con lo que se deberían agregar cinco nuevos controles al formulario.

    2. Los controles deberían seguir estando seleccionados, de modo que pueda hacer clic en uno de ellos y arrastrarlos a su lugar para que queden alineados debajo de los controles de suma.Utilice las líneas de separación para proporcionar una distancia suficiente entre las dos filas.

    3. Cambie la propiedad Text de la segunda etiqueta a - (signo menos).

    4. Cambie el nombre de la primera etiqueta del signo de interrogación a minusLeftLabel.

    5. Cambie el nombre de la segunda etiqueta de signo de interrogación a minusRightLabel.

    6. Cambie el nombre del control NumericUpDown a diferencia.

  11. Pegue los cinco controlan dos veces más y, a continuación, haga lo siguiente:

    1. Para la tercera fila, cambie el nombre de la primera etiqueta a timesLeftLabel, cambie la propiedad Text de la segunda etiqueta a × (signo de multiplicación), cambie el nombre de la tercera etiqueta a timesRightLabel y cambie el nombre del control NumericUpDown a producto.

    2. Para la cuarta fila, cambie el nombre de la primera etiqueta a dividedLeftLabel, cambie la propiedad Text de la segunda etiqueta a ÷ (signo de división), cambie el nombre de la tercera etiqueta a dividedRightLabel y cambie el nombre del control NumericUpDown a cociente.

    Nota

    Puede copiar el signo de multiplicación × y el signo de división ÷ de este tutorial y pegarlos en el IDE.

  12. Se necesita un control más en el formulario: un botón para iniciar la prueba.Arrastre un control Button desde el Cuadro de herramientas y, a continuación, establezca sus propiedades:

    1. Establezca la propiedad (Name) en startButton.

    2. Establezca la propiedad Text en Iniciar la prueba.

    3. Establezca el tamaño de fuente en 14.

    4. Establezca la propiedad AutoSize en True, para que el tamaño del botón se ajuste automáticamente al texto.

    5. Arrastre el botón hasta la parte inferior del formulario y muévalo para que quede centrado.

  13. Por último, haga clic en el control startButton y, a continuación, haga lo siguiente:

    1. Establezca la propiedad TabIndex en 1.

    2. Haga clic en el control NumericUpDown de suma.

    3. Establezca la propiedad TabIndex en 2.

    4. Establezca los demás controles NumericUpDown: establezca la propiedad TabIndex del control de diferencia en 3, la propiedad TabIndex del control de producto en 4, y la propiedad TabIndex del control de cociente en 5.Ahora, el formulario debería tener un aspecto similar a la siguiente imagen.

      Formulario de prueba matemática inicial

      Formulario de prueba matemática inicial

    Nota

    La finalidad de la propiedad TabIndex es establecer el orden de los controles cuando el usuario presiona la tecla TAB.Abra cualquier cuadro de diálogo (por ejemplo, en el menú Archivo, seleccione Abrir) y presione la tecla TAB varias veces.Observe cómo se mueve el cursor de un control a otro cada vez que se presiona la tecla TAB.Al diseñar este formulario originalmente, un programador decidió el orden.

  14. Para ver cómo funciona la propiedad TabIndex, guarde el programa, ejecútelo y, a continuación, presione la tecla TAB varias veces.

Para continuar o revisar