tutorial crear una prueba matematica en visual studio c#

Este artículo se tradujo de forma manual. Mueva el puntero sobre las frases del artículo para ver el texto original.

Visual Studio 2010

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

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

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

2.

Haga clic en el icono Aplicación de Windows Forms y, a continuación, escriba el nombre Pruebamatemática.

3.

Establezca las propiedades del formulario.

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

Cambie el tamaño a 500 píxeles de ancho por 400 píxeles de alto mediante la propiedad Sizeo arrastre el mouse hasta que vea el tamaño correcto en la esquina inferior izquierda delentorno de desarrollo integrado (IDE).

b.

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

c.

4.

Arrastre un control Label desde el cuadro de herramientas y, a continuación, establezca suspropiedades:

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

a.

Cambie la propiedad AutoSize a False para poder modificar personalmente las dimensionesdel cuadro.

b.

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

Establezca la propiedad Size en 200, 30.d.

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

e.

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

f.

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

Ventana Propiedades con el tamaño de fuente

g.

5.

Paso 1: Crear un proyecto y agregar etiquetas al formulario http://msdn.microsoft.com/es-es/library/dd492178(d=printer)

1 de 5 04/06/2012 10:37 a.m.

A continuación, arrastre otro control Label desde el Cuadro de herramientas y establezca suspropiedades:

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

Establezca la propiedad Text en Tiempo restante.b.

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

6.

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

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

Establezca la propiedad AutoSize en False.b.

Establezca la propiedad Size en 60, 50.c.

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

Cambie la propiedad TextAlign a MiddleCenter.e.

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

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

7.

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

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

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

b.

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

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

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

8.

Arrastre un control NumericUpDown desde el Cuadro de herramientas y, a continuación, haga losiguiente:

9.


2 de 5 04/06/2012 10:37 a.m.

Nota

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

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

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

Primera fila de la prueba matemática

c.

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

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

Los controles deberían seguir estando seleccionados, de modo que pueda hacer clic en uno deellos 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.

b.

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

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

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

Cambie el nombre del control NumericUpDown a diferencia.f.

10.

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

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

a.

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

b.

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

11.

Se necesita un control más en el formulario: un botón para iniciar la prueba. Arrastre un control12.


3 de 5 04/06/2012 10:37 a.m.

Nota

Button desde el Cuadro de herramientas y, a continuación, establezca sus propiedades:

Establezca la propiedad (Name) en startButton.a.

Establezca la propiedad Text en Iniciar la prueba.b.

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

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

d.

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

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

Establezca la propiedad TabIndex en 1.a.

Haga clic en el control NumericUpDown de suma.b.

Establezca la propiedad TabIndex en 2.c.

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

Formulario de prueba matemática inicial

d.

La finalidad de la propiedad TabIndex es establecer el orden de los controles cuando el usuariopresiona 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 uncontrol a otro cada vez que se presiona la tecla TAB. Al diseñar este formulario originalmente,un programador decidió el orden.

13.

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

14.

Para continuar o revisar


4 de 5 04/06/2012 10:37 a.m.

Contenido de la comunidad


5 de 5 04/06/2012 10:37 a.m.

Nota


Visual Studio 2010

La prueba necesita problemas de matemáticas. Si la prueba repite los mismos problemas, no suponeningún reto. Por ello, es interesante incluir números aleatorios. Agregue un método denominadoStartTheQuiz() que rellena los problemas e inicia el temporizador de cuenta atrás. Para este paso,agregaremos un problema de suma aleatoria. Los demás problemas de matemáticas y el temporizador decuenta atrás se agregan en pasos posteriores de este tutorial.

En el tutorial 2, hemos creado varios elementos SoundPlayer para un juego de laberinto. Para la pruebamatemática hacemos lo mismo, salvo que en lugar de la clase SoundPlayer, utilizaremos la claseRandom.

Para crear un problema de suma aleatoria

Cree un objeto Random utilizando una instrucción new como la siguiente.

Ahora, hemos agregado un objeto Random al formulario y lo hemos denominado randomizer.

En el tutorial del laberinto, creamos dos componentes SoundPlayer mediante la instrucción new.Esto hace algo similar. La única diferencia es que, al contrario que SoundPlayer, Random no esun componente ni un control, de modo que no podemos llamarlo así. Se denomina objeto.Probablemente habrá oído la palabra objeto antes. Obtendrá más información sobre lo quesignifica en los próximos tutoriales. De momento, todo lo que necesita saber es que cuando elprograma utiliza una instrucción new para crear botones, etiquetas, paneles, elementosOpenFileDialog, ColorDialog, SoundPlayer o Random, e incluso formularios, el elemento que secrea se denomina objeto. Los tutoriales posteriores muestran mucha más información sobrecómo funcionan estos objetos.

1.

Ahora, al iniciar el formulario, crea un nuevo objeto Random y le da el nombre randomizer. Comocon los elementos SoundPlayer, si entramos en un método y comenzamos a escribir randomizer conun punto (.) a continuación, se abre una ventana IntelliSense que muestra todos los métodos delobjeto Random a los que se puede llamar. El método Next() se utiliza como se indica acontinuación.

Método Next

2.

public partial class Form1 : Form{ // Create a Random object to generate random numbers. Random randomizer = new Random();

C#

Paso 2: Crear un problema de suma aleatoria http://msdn.microsoft.com/es-es/library/dd492147(d=printer).aspx

1 de 5 04/06/2012 10:44 a.m.

Nota

Cuando se llama a random.Next(50), se obtiene un número aleatorio que es menor que 50 (del 0al 49).

Pronto compilaremos un método para comprobar las respuestas, de modo que el programa tiene querecordar qué números ha elegido para los problemas. Agregue un valor de tipo integer (denominadovalor de tipo int en C# o Integer en Visual Basic) denominado addend1 y otro denominadoaddend2 al formulario (igual que agregó el objeto Random denominado randomizer), como sigue.

Un valor de tipo int (Integer) se utiliza para almacenar un valor numérico positivo o negativo.Puede contener cualquier número comprendido entre el -2147483648 y el 2147483647. Sólopuede almacenar los números enteros y no los decimales.

3.

Luego, agregue un método denominado StartTheQuiz() que utiliza el método Next() del objetoRandom para elegir dos números y colocarlos en las etiquetas. Gradualmente irá rellenando todoslos problemas e iniciará el temporizador, así que debe agregar un comentario. Debe tener esteaspecto:

4.

// Create a Random object to generate random numbers.Random randomizer = new Random();

// These ints will store the numbers// for the addition problem.int addend1;int addend2;

/// <summary>/// Start the quiz by filling in all of the problems/// and starting the timer./// </summary>public void StartTheQuiz(){ // Fill in the addition problem. addend1 = randomizer.Next(51);

C#

C#


2 de 5 04/06/2012 10:44 a.m.

Nota

Recuerde que ha llamado a randomizer.Next(51). El motivo de utilizar 51 y no 50 es que losdos números sumen una respuesta que esté comprendida entre el 0 y el 100. Si pasa 50 almétodo Next(), elegirá un número del 0 al 49, de modo que mayor respuesta posible sería 98, yno 100. Después de ejecutarse las dos primeras instrucciones del método, cada uno de los dosvalores de tipo int (Integer), addend1 y addend2, contiene un número aleatorio del 0 al 50.

Fijémonos con más atención en estas instrucciones.

Las instrucciones establecen las propiedades Text de las dos etiquetas plus, plusLeftLabel yplusRightLabel, para que muestren los dos números aleatorios. Hay que utilizar el métodoToString() del valor int (Integer) para convertirlo en texto (en programación, string, o cadena,significa texto), porque los controles Label únicamente muestran texto, y no números.

El botón de inicio debe iniciar la prueba. Para ello, vaya al Diseñador de Windows Forms y hagadoble clic en el botón, a fin de agregar un controlador de eventos Click. A continuación, agregue lasdos instrucciones siguientes.

Ya sabe lo que hace la segunda instrucción: llama al nuevo método StartTheQuiz(). La primerainstrucción establece la propiedad Enabled del control startButton en False. Con ello sedeshabilita el botón, de modo que el usuario no pueda hacer clic en él. De esta forma, el usuariopuede hacer clic en el botón de inicio una sola vez. A continuación, el botón aparece atenuado y noestá disponible, y el usuario debe finalizar la prueba antes de que se agote el tiempo (o cerrar elprograma).

5.

Ahora, guarde y ejecute el programa. Haga clic en el botón de inicio. Debe aparecer un problema desuma aleatoria, como se muestra en la siguiente imagen.

6.

addend2 = randomizer.Next(51);

plusLeftLabel.Text = addend1.ToString(); plusRightLabel.Text = addend2.ToString();

sum.Value = 0;}

plusLeftLabel.Text = addend1.ToString();plusRightLabel.Text = addend2.ToString();

private void startButton_Click(object sender, EventArgs e){ startButton.Enabled = false; StartTheQuiz();}

C#

C#


3 de 5 04/06/2012 10:44 a.m.

25/05/2012geomorillo

Problema de suma aleatoria


Para ir al siguiente paso del tutorial, vea Paso 3: Agregar un temporizador de cuenta atrás1.

Para volver al paso anterior del tutorial, vea Paso 1: Crear un proyecto y agregar etiquetas alformulario2.

Tabla de vínculos1http://msdn.microsoft.com/es-es/library/dd492144.aspx

2http://msdn.microsoft.com/es-es/library/dd492178.aspx


Probablemente no sea un error de sintaxis

Ya que parece que el texto viene del inglés lo más probable es que sea un error de traducción, ademásel ide te avisa donde hay un error ya que ese objeto o variable no existe de todas maneras

Error en el punto 4 del paso 2 (C#)

Nos indica que debemos incluir las siguientes líneas:

///<summary>/// Start the quiz by filling in all of the problems/// and starting the timer.///</summary>publicvoid StartTheQuiz(){// Fill in the addition problem. addend1 = randomizer.Next(51); addend2 = randomizer.Next(51);

plusLeftLabel.Text = addend1.ToString(); plusRightLabel.Text = addend2.ToString();


4 de 5 04/06/2012 10:44 a.m.

07/08/2010Iván Villa Sánchez

© 2012 Microsoft. Reservados todos los derechos.

sum.Value = 0;}

Sin embargo el compilador al probar dice que hay un error en la inicialización de "suma":

sum.Value = 0;

Se soluciona sustituyendo esta expresión por la correcta, ya que hemos llamado a la casilla "suma" y no "sum":

suma.Value = 0;


5 de 5 04/06/2012 10:44 a.m.


Visual Studio 2010

Como esta prueba tiene límite de tiempo, vamos a agregar un temporizador de la cuenta atrás. Es precisoque el programa realice el seguimiento del número de segundos que quedan a medida que el juegoprogresa.

Para agregar un temporizador de cuenta atrás

Agregue un valor de tipo int (Integer) denominado timeLeft, como hemos hecho previamente. Elcódigo debe tener un aspecto parecido al siguiente.

1.

Ahora, hay que agregar algo que cuente el tiempo de verdad, como un temporizador. Vaya alDiseñador de Windows Forms y arrastre un control Timer del Cuadro de herramientas (en lacategoría Componentes) hasta el formulario. Aparecerá en el área gris de la parte inferior delDiseñador de Windows Forms.

2.

Haga clic en el icono timer1 que acaba de agregar y establezca la propiedad Interval en 1000.Esto hace que el evento Tick se desencadene cada segundo. A continuación, haga doble clic en elicono para agregar el controlador de eventos Tick. El IDE cambiará al editor de código y saltará alnuevo método de control de eventos. Agregue las instrucciones siguientes.

3.


// These ints will store the numbers // for the addition problem. int addend1; int addend2;

// This int will keep track of the time left. int timeLeft;

private void timer1_Tick(object sender, EventArgs e){ if (timeLeft > 0) { // Display the new time left // by updating the Time Left label. timeLeft = timeLeft ‐ 1; timeLabel.Text = timeLeft + " seconds"; } else {

C#

C#

Paso 3: Agregar un temporizador de cuenta atrás http://msdn.microsoft.com/es-es/library/dd492144(d=printer).aspx

1 de 4 04/06/2012 10:45 a.m.

Según lo que hemos agregado, cada segundo el temporizador comprobará si se ha agotado eltiempo. Para ello, comprueba si el valor de tipo int (Integer) de timeLeft es mayor que 0. Si lo es,queda tiempo. En primer lugar, el temporizador resta 1 a timeLeft y, a continuación, actualiza lapropiedad Text del control timeLabel para mostrar al usuario cuántos segundos quedan.

Si no queda tiempo, el temporizador se detiene y cambia el texto del control timeLabel de modoque muestre que se agotó el tiempo. Aparecerá un cuadro de mensaje que indicará al usuario que laprueba ha finalizado. Se revela la respuesta. En este caso, se suman addend1 y addend2. Lapropiedad Enabled del control startButton se establece en true, para que botón vuelva a estardisponible. De ese modo, el usuario puede volver a empezar la prueba.

Hemos agregado una instrucción if else, que es la manera de indicar a los programas que tomendecisiones. Una instrucción if else tiene el siguiente aspecto.

Vamos a fijarnos con más atención en la instrucción que hemos agregado en el bloque else, paramostrar la respuesta al problema de suma.

Como probablemente sabrá, addend1 + addend2 suma los dos valores.La primera parte(sum.Value) utiliza la propiedad Value del control NumericUpDown para mostrar la respuesta

// If the user ran out of time, stop the timer, show // a MessageBox, and fill in the answers. timer1.Stop(); timeLabel.Text = "Time's up!"; MessageBox.Show("You didn't finish in time.", "Sorry"); sum.Value = addend1 + addend2; startButton.Enabled = true; }}

If (something your program will check) Then ' statements that will get executed ' if the thing that the program checked is true Else ' statements that will get executed ' if the thing that the program checked is NOT trueEnd If

if (something your program will check){ // statements that will get executed // if the thing that the program checked is true }else{ // statements that will get executed // if the thing that the program checked is NOT true}

sum.Value = addend1 + addend2;

VB

C#

C#


2 de 4 04/06/2012 10:45 a.m.

correcta.La propiedad Value se utiliza de nuevo más tarde, para comprobar las respuestas de laprueba.

Un control NumericUpDown facilita al usuario la escritura de números. Este es el motivo por elque se utiliza este control para las respuestas a los problemas de matemáticas.Dado que todas lasrespuestas son números del 0 al 100, se dejan las propiedades predeterminadas Minimum yMaximum establecidas en 0 y 100.Esto hace que el control únicamente permita al usuario escribirun número del 0 al 100.Como las respuestas solo pueden ser números enteros, la propiedadDecimalPlaces se deja establecida en 0, lo que significa que el usuario no puede escribirdecimales.(Si desea permitir que el usuario escriba 3,141 pero no 3,1415, podría establecer lapropiedad DecimalPlaces en 3.)

Agregue tres líneas al final de método StartTheQuiz(), de modo que el código tenga este aspecto.

Ahora, al empezar la prueba, establece el valor de tipo int (Integer) de timeLeft en 30 y cambia lapropiedad Text del control timeLabel a 30 segundos. A continuación, llama al método Start() delcontrol Timer para iniciar la cuenta atrás. (Todavía no comprueba la respuesta, esto vienedespués.)

4.

Guarde y ejecute el programa. Al hacer clic en el botón de inicio, el temporizador debería iniciar lacuenta atrás. Cuando se agota el tiempo, la prueba finaliza y se muestra la respuesta. En lasiguiente imagen se muestra la prueba en marcha.

Prueba matemática en marcha

5.

/// <summary>/// Start the quiz by filling in all of the problems/// and starting the timer./// </summary>public void StartTheQuiz(){ // Fill in the addition problem. addend1 = randomizer.Next(51); addend2 = randomizer.Next(51); plusLeftLabel.Text = addend1.ToString(); plusRightLabel.Text = addend2.ToString(); sum.Value = 0;

// Start the timer. timeLeft = 30; timeLabel.Text = "30 seconds"; timer1.Start();}

C#


3 de 4 04/06/2012 10:45 a.m.

07/08/2010Iván Villa Sánchez



Para ir al siguiente paso del tutorial, vea Paso 4: Agregar el método CheckTheAnswer()1.

Para volver al paso anterior del tutorial, vea Paso 2: Crear un problema de suma aleatoria2.




Problema de sum.Value (C#)

En el código de los pasos 3 y 4 hay que sustituir la expresión:

sum.Value

por la correcta:

suma.Value


4 de 4 04/06/2012 10:45 a.m.

Nota


Visual Studio 2010

Es preciso que la prueba compruebe si el usuario responde correctamente. Afortunadamente, escribirmétodos que realizan un cálculo simple, como el método CheckTheAnswer(), no es difícil.

Para quienes están realizando este tutorial en Visual Basic, cabe destacar que, como este métododevuelve un valor, en lugar de la palabra clave Sub usual deberán utilizar la palabra clave Function.Realmente es así de sencillo: las subrutinas no devuelven valores, las funciones, sí.

Para agregar el método CheckTheAnswer()

Agregue el método CheckTheAnswer(), que suma addend1 y addend2, y comprueba si la adiciónes igual al valor del control NumericUpDown de suma. Si la suma es igual, el método devuelvetrue; si no, devuelve false. El código debe tener un aspecto parecido al siguiente.

El programa debe llamar a este método para comprobar si el usuario respondió correctamente. Paraello, se agrega if else a la instrucción. La instrucción tiene un aspecto parecido al siguiente.

1.

/// <summary>/// Check the answer to see if the user got everything right./// </summary>/// <returns>True if the answer's correct, false otherwise.</returns>private bool CheckTheAnswer(){ if (addend1 + addend2 == sum.Value) return true; else return false;}

if (CheckTheAnswer()){ // statements that will get executed // if the answer is correct }else if (timeLeft > 0){ // statements that will get executed // if there's still time left on the timer}

C#

C#

Paso 4: Agregar el método CheckTheAnswer() http://msdn.microsoft.com/es-es/library/dd492165(d=printer).aspx

1 de 3 04/06/2012 10:45 a.m.

Nota

Luego, se modifica el controlador de eventos Tick del temporizador para comprobar la respuesta. Elnuevo controlador de eventos con comprobación de respuesta debería incluir lo siguiente.

Ahora, si el controlador de eventos del temporizador detecta que el usuario respondiócorrectamente, detiene el temporizador, muestra un mensaje de felicitación y hace que el botón deinicio vuelva a estar disponible.

2.

Guarde y ejecute el programa. Inicie el juego y escriba la respuesta correcta al problema de suma.

Al escribir la respuesta, puede que observe algo extraño en el control NumericUpDown. Siempieza a escribir sin seleccionar toda la respuesta, el cero no desaparece y hay que eliminarlomanualmente. Corregiremos esto más adelante en este tutorial.

3.

Al escribir la respuesta correcta, debe abrirse el cuadro de mensaje, detenerse el temporizador y4.

else{ // statements that will get executed if the timer ran out}

private void timer1_Tick(object sender, EventArgs e){ if (CheckTheAnswer()) { // If the user got the answer right, stop the timer // and show a MessageBox. timer1.Stop(); MessageBox.Show("You got all the answers right!", "Congratulations"); startButton.Enabled = true; } else if (timeLeft > 0) { // Decrease the time left by one second and display // the new time left by updating the Time Left label. timeLeft‐‐; timeLabel.Text = timeLeft + " seconds"; } else { // If the user ran out of time, stop the timer, show // a MessageBox, and fill in the answers. timer1.Stop(); timeLabel.Text = "Time's up!"; MessageBox.Show("You didn't finish in time.", "Sorry"); sum.Value = addend1 + addend2; startButton.Enabled = true; }}

C#


2 de 3 04/06/2012 10:45 a.m.


volver a estar disponible el botón de inicio. Haga clic de nuevo en el botón de inicio para asegurarsede que suceda así.


Para ir al siguiente paso del tutorial, vea Paso 5: Agregar controladores de eventos Enter para loscontroles NumericUpDown1.

Para volver al paso anterior del tutorial, vea Paso 3: Agregar un temporizador de cuenta atrás2.





3 de 3 04/06/2012 10:45 a.m.

Nota


Visual Studio 2010

Posiblemente se habrá fijado en que al escribir números en el control NumericUpDown sucede algoextraño. Para corregirlo, se agrega un controlador de eventos Enter.

Para ver el comportamiento del control NumericUpDown

Ejecute el programa e inicie el juego. El control NumericUpDown de la suma debería tener uncursor parpadeante en su interior junto al número 0 (cero).

1.

Escriba 3: aparecerá 30. Escriba 5: aparecerá 350. Sin embargo, después de un segundo cambiaráa 100.

Antes de corregir este problema, piense en lo que está sucediendo. Piense por qué el 0 nodesapareció cuando escribió 3. Piense por qué 350 se ha cambiado por 100, y por qué se haproducido un retraso antes del cambio.

Aunque puede parecer un comportamiento extraño, hay una explicación. Al hacer clic en elbotón de inicio, la propiedad Enabled del botón está establecida en False; el botón apareceatenuado y no está disponible. El programa busca el control con el siguiente valor de TabIndexmás bajo, el control NumericUpDown de la suma, y cambia el foco a ese control. Cuando sepresiona la tecla TAB para ir a un control NumericUpDown, el cursor se sitúa automáticamenteal principio del control; este es el motivo por el cual los números que se escriben aparecen a laizquierda y no a la derecha. Cuando se escribe un número encima de la propiedadMaximumValue, que está establecida en 100, reemplaza el número escrito con el valormáximo.

2.

Para agregar un controlador de eventos Enter para el control NumericUpDown

A fin de evitar este comportamiento extraño y facilitar el uso del programa, agregue un controladorpara cada evento Enter de cada control NumericUpDown. Utilice la página Eventos del el cuadrode diálogo Propiedades para agregar un controlador de eventos Enter denominado answer_Enterpara el control NumericUpDown de suma.

Cuadro de diálogo Propiedades

1.

Paso 5: Agregar controladores de eventos Enter para los controles Numer... http://msdn.microsoft.com/es-es/library/dd492138(d=printer).aspx

1 de 3 04/06/2012 10:46 a.m.

El código debe tener este aspecto.

Aunque inicialmente parezca complejo, resulta más fácil de entender si se examina paso a paso. Enprimer lugar, fíjese en la parte superior del método: object sender en C# o sender AsSystem.Object en Visual Basic. Esto significa que dentro del método, cada vez que se utilizasender, hace referencia al control NumericUpDown cuyo evento Enter se desencadena. Así que,en la primera línea del método, se especifica que no se trata de un simple objeto, sino que esconcretamente un control NumericUpDown. (Cada control NumericUpDown es un objeto, perono todos los objetos son un control NumericUpDown.) En la línea siguiente se comprueba si se hallevado a cabo correctamente la conversión (de tipos) de answerBox: de un objeto a un controlNumericUpDown. Si la conversión de tipos no ha sido correcta, su valor sería null (C#) o Nothing(Visual Basic). En la tercer línea se busca la longitud de la respuesta que se muestra actualmenteen el control NumericUpDown. En la cuarta línea se ordena al control NumericUpDown queseleccione la respuesta. Ahora, cuando el usuario navega al control, desencadena este evento, loque provoca que se seleccione la respuesta. En cuanto el usuario empieza a escribir, se borra larespuesta anterior y se reemplaza con la nueva.

Una vez que se haya implementado este controlador de eventos, vaya al Diseñador de WindowsForms y seleccione el control NumericUpDown de diferencia. Vaya a la página Eventos del cuadrode diálogo Propiedades, desplácese hacia abajo hasta el evento Enter y seleccione el controladorde eventos que acaba de agregar.

2.

A continuación, haga lo mismo para los controles NumericUpDown del producto y del cociente.3.

private void answer_Enter(object sender, EventArgs e){ // Select the whole answer in the NumericUpDown control. NumericUpDown answerBox = sender as NumericUpDown;

if (answerBox != null) { int lengthOfAnswer = answerBox.Value.ToString().Length; answerBox.Select(0, lengthOfAnswer); }}

C#


2 de 3 04/06/2012 10:46 a.m.


Guarde y ejecute el programa. El comportamiento extraño ya no se debería producir.4.


Para ir al siguiente paso del tutorial, vea Paso 6: Agregar un problema de resta1.

Para volver al paso anterior del tutorial, vea Paso 4: Agregar el método CheckTheAnswer()2.





3 de 3 04/06/2012 10:46 a.m.

Nota


Visual Studio 2010

Para agregar un problema de resta, necesita:

Almacenar los valores de resta.

Generar números aleatorios para el problema (y asegurarse de que la respuesta esté comprendidaentre 0 y 100).

Actualizar el método que comprueba las respuestas para que compruebe también el nuevo problemade resta.

Actualizar el controlador eventos Tick del temporizador para que rellene la respuesta correctacuando se agote el tiempo.

Para agregar un problema de resta

En primer lugar, se necesita un lugar donde almacenar los valores, así que agregue dos valores detipo int (Enteros) para el problema de resta al formulario. El nuevo código aparece entre los enterosde suma y el entero del temporizador. El código debe tener este aspecto.

Los nombres de los nuevos valores int (minuend y subtrahend, minuendo y sustraendo) no sontérminos de Visual C#, ni siquiera términos de programación. Se trata de los nombres utilizadostradicionalmente en aritmética para el número que se resta (el substraendo) y el número delque se resta (el minuendo). La diferencia es el minuendo menos el sustraendo. Puede utilizarotros nombres, porque el programa no requiere nombres específicos para los valores de tipo int,los controles, los componentes o los métodos. Hay algunas reglas (por ejemplo, los nombres nopueden comenzar con dígitos), pero en general, podría utilizar nombres como x1, x2, x3, x4, etc.

1.


// These ints will store the numbers // for the addition problem. int addend1; int addend2;

// These ints will store the numbers // for the subtraction problem. int minuend; int subtrahend;


C#

Paso 6: Agregar un problema de resta http://msdn.microsoft.com/es-es/library/dd492142(d=printer).aspx

1 de 5 04/06/2012 10:46 a.m.

Sin embargo, sería difícil leer el código y casi imposible realizar el seguimiento de los problemas.Más adelante en este tutorial utilizaremos los términos tradicionales para la multiplicación(multiplicand × multiplier = product, multiplicando × multiplicador = producto) y la división(dividend ÷ divisor = quotient, dividendo ÷ divisor = cociente).

A continuación, modifique el método StartTheQuiz() para rellenar un problema de resta aleatorio.El nuevo código aparece tras el comentario "Fill in the subtraction problem". El código debe tenereste aspecto.

Este código utiliza el método Next() de la clase Random de una forma algo distinta. Al darle dosvalores, elige al azar uno que sea mayor o igual que el primero y menor que el segundo. Lasiguiente línea elige un número aleatorio del 1 al 100 y lo almacena en el minuendo.

Se puede llamar al método Next() de la clase Random de varias formas. Cuando se puede llamar aun método de más de una manera, se denomina método sobrecargado. Puede utilizar IntelliSensepara explorar esta posibilidad. Fijémonos de nuevo en la información sobre herramientas de laventana IntelliSense del método Next().

Información sobre herramientas de la ventana IntelliSense

2.

/// <summary>/// Start the quiz by filling in all of the problems/// and starting the timer./// </summary>public void StartTheQuiz(){ // Fill in the addition problem. addend1 = randomizer.Next(51); addend2 = randomizer.Next(51); plusLeftLabel.Text = addend1.ToString(); plusRightLabel.Text = addend2.ToString(); sum.Value = 0;

// Fill in the subtraction problem. minuend = randomizer.Next(1, 101); subtrahend = randomizer.Next(1, minuend); minusLeftLabel.Text = minuend.ToString(); minusRightLabel.Text = subtrahend.ToString(); difference.Value = 0;


minuend = randomizer.Next(1, 101);

C#

C#


2 de 5 04/06/2012 10:46 a.m.

Observe que la información sobre herramientas muestra (+ 2 sobrecargas). Esto significa que haydos formas más de llamar al método Next(). Al escribir el nuevo código para el métodoStartTheQuiz(), puede ver más información. En cuanto escriba randomizer.Next(, aparecerá laventana IntelliSense. Presione las teclas de dirección ARRIBA y ABAJO para recorrer cíclicamentelas sobrecargas, como se muestra en la siguiente imagen.

Sobrecargas en la ventana IntelliSense

La de la imagen anterior es la que deseamos utilizar, porque permite especificar un valor mínimo ymáximo.

Modifique el método CheckTheAnswer() para que compruebe si la respuesta de la resta escorrecta. El código debe tener este aspecto.

&& es el operador logical and de Visual C#. En Visual Basic, el operador equivalente es AndAlso.Equivale a decir, "Si addend1 más addend2 es igual al valor de la suma NumericUpDown, y si elminuendo menos el sustraendo es igual al valor de la diferencia NumericUpDown". El métodoCheckTheAnswer() devuelve true únicamente si el problema de suma es correcto y el problemade resta es correcto.

3.

/// <summary>/// Check the answer to see if the user got everything right./// </summary>/// <returns>True if the answer's correct, false otherwise.</returns>private bool CheckTheAnswer(){ if ((addend1 + addend2 == sum.Value) && (minuend ‐ subtrahend == difference.Value)) return true; else return false;}

C#


3 de 5 04/06/2012 10:46 a.m.

Cambie la última parte del controlador de evento Tick del temporizador de modo que rellene larespuesta correcta cuando se agote el tiempo. El código debe tener este aspecto.

4.

Guarde y ejecute el código. Ahora, el programa deberá incluir un problema de resta, como semuestra en la siguiente imagen.

Cuestionario de matemáticas con un problema de resta

5.


Para ir al siguiente paso del tutorial, vea Paso 7: Agregar problemas de multiplicación y división1.

Para volver al paso anterior del tutorial, vea Paso 5: Agregar controladores de eventos Enter paralos controles NumericUpDown2.




else{ // If the user ran out of time, stop the timer, show // a MessageBox, and fill in the answers. timer1.Stop(); timeLabel.Text = "Time's up!"; MessageBox.Show("You didn't finish in time.", "Sorry"); sum.Value = addend1 + addend2; difference.Value = minuend ‐ subtrahend; startButton.Enabled = true;}

C#


4 de 5 04/06/2012 10:46 a.m.



5 de 5 04/06/2012 10:46 a.m.


Visual Studio 2010

Antes de comenzar este procedimiento, piense en cómo agregará los problemas de multiplicación ydivisión. Piense en el paso inicial, que requiere almacenar valores.

Para agregar problemas de multiplicación y división

Agregue cuatro valores de tipo int (Integer) al formulario. El código debe tener este aspecto.1.

Al igual que antes, modifique el método StartTheQuiz() para rellenar problemas demultiplicaciones y divisiones aleatorias. El código debe tener este aspecto.

2.


// These ints will store the numbers for the addition problem. int addend1; int addend2;

// These ints will store the numbers for the subtraction problem. int minuend; int subtrahend;

// These ints will store the numbers for the multiplication problem. int multiplicand; int multiplier;

// These ints will store the numbers for the division problem. int dividend; int divisor;


/// <summary>/// Start the quiz by filling in all of the problems/// and starting the timer./// </summary>public void StartTheQuiz(){ // Fill in the addition problem. addend1 = randomizer.Next(51); addend2 = randomizer.Next(51); plusLeftLabel.Text = addend1.ToString();

C#

C#

Paso 7: Agregar problemas de multiplicación y división http://msdn.microsoft.com/es-es/library/dd492175(d=printer).aspx

1 de 4 04/06/2012 10:47 a.m.

Nota

Modifique el método CheckTheAnswer() para que también compruebe los problemas de división ymultiplicación. El código debe tener este aspecto.

Dado que no hay ninguna manera simple de escribir el signo de multiplicación (×) y el signo dedivisión (÷) mediante el teclado, Visual C# y Visual Basic utilizan el asterisco (*) para la

3.

plusRightLabel.Text = addend2.ToString(); sum.Value = 0;

// Fill in the subtraction problem. minuend = randomizer.Next(1, 101); subtrahend = randomizer.Next(1, minuend); minusLeftLabel.Text = minuend.ToString(); minusRightLabel.Text = subtrahend.ToString(); difference.Value = 0;

// Fill in the multiplication problem. multiplicand = randomizer.Next(2, 11); multiplier = randomizer.Next(2, 11); timesLeftLabel.Text = multiplicand.ToString(); timesRightLabel.Text = multiplier.ToString(); product.Value = 0;

// Fill in the division problem. divisor = randomizer.Next(2, 11); int temporaryQuotient = randomizer.Next(2, 11); dividend = divisor * temporaryQuotient; dividedLeftLabel.Text = dividend.ToString(); dividedRightLabel.Text = divisor.ToString(); quotient.Value = 0;


/// <summary>/// Check the answer to see if the user got everything right./// </summary>/// <returns>True if the answer's correct, false otherwise.</returns>private bool CheckTheAnswer(){ if ((addend1 + addend2 == sum.Value) && (minuend ‐ subtrahend == difference.Value) && (multiplicand * multiplier == product.Value) && (dividend / divisor == quotient.Value)) return true; else return false;}

C#


2 de 4 04/06/2012 10:47 a.m.

multiplicación y la barra diagonal (/) para la división.

Cambie la última parte del controlador de evento Tick del temporizador de modo que rellene larespuesta correcta cuando se agote el tiempo. El código debe tener este aspecto.

4.

Guarde y ejecute el programa. Ahora, hay que responder a cuatro problemas para completar laprueba, como se muestra en la siguiente imagen.

Prueba matemática con cuatro problemas

5.


Para ir al siguiente paso del tutorial, vea Paso 8: Probar otras características1.

Para volver al paso anterior del tutorial, vea Paso 6: Agregar un problema de resta2.



else{ // If the user ran out of time, stop the timer, show // a MessageBox, and fill in the answers. timer1.Stop(); timeLabel.Text = "Time's up!"; MessageBox.Show("You didn't finish in time.", "Sorry"); sum.Value = addend1 + addend2; difference.Value = minuend ‐ subtrahend; product.Value = multiplicand * multiplier; quotient.Value = dividend / divisor; startButton.Enabled = true;}

C#


3 de 4 04/06/2012 10:47 a.m.




4 de 4 04/06/2012 10:47 a.m.



Visual Studio 2010

Piense en cómo el programa crea un problema de división aleatoria. Piense por qué el programa no creaun problema en que la respuesta sea una fracción. Para aprender más, intente cambiar el color del controltimeLabel y proporcionar al usuario alguna sugerencia.

Para probar otras características

Cambie el color del control timeLabel a rojo cuando al usuario no le queden más que cincosegundos, estableciendo su control BackColor (timeLabel.BackColor = Color.Red;).Restablezca el color cuando la prueba haya terminado.

Proporcione al usuario una sugerencia reproduciendo un sonido cuando especifique una respuestacorrecta en uno de los controles NumericUpDown. (Tendrá que escribir un controlador de eventospara el evento ValueChanged de cada control, que se desencadena cada vez que el usuario cambiael valor del control.)


Para ir al siguiente tutorial, vea Tutorial 4: Crear un juego de formar parejas1.

Para volver al paso anterior del tutorial, vea Paso 7: Agregar problemas de multiplicación ydivisión2.




Paso 8: Probar otras características http://msdn.microsoft.com/es-es/library/dd492174(d=printer).aspx

1 de 1 04/06/2012 10:47 a.m.

tutorial crear una prueba matematica en visual studio c#

Documents