Entorno Visual II

Regresamos con la segunda parte de esta serie de Entorno Visual, y vamos a trabajar sobre el proyecto anterior. Recapitulando, teníamos hasta el momento el formulario, un botón con un evento Click y dentro de este una llamada al componente MessageBox mediante la función Show de este, que recibía un parámetro String la cual denominamos "Hello Help My Code!!".


Cómo les dije antes, íbamos a analizar los componentes que fuéramos usando, en este caso el botón, button1 (nombre que nuestro Visual Studio le ha dado al botón que insertamos). Ahora bien ¿Cómo sabemos qué nombre le ha dado el Visual a nuestro botón o a los componentes que insertemos? Cada uno de los componentes que usemos tienen una propiedad (Name), para ver las propiedades de los componentes nos dirigimos al Form1.cs y seleccionamos el componente cuyas propiedades queremos visualizar y a la derecha debemos de tener la ventana Properties. De no ser así presionamos la tecla F4 y vemos que se selecciona la ventana que mencioné.


Esta ventana Properties consta de, como su nombre lo dice, propiedades del componente que esté seleccionado y por esto varían dependiendo de qué componente sea. En el caso de este botón, como bien dije, la propiedad (Name) tiene valor button1, esto quiere decir que en todo el código del formulario podemos acceder a las propiedades, funciones y eventos de este botón, insertando primeramente button1, un ejemplo sería acceder a la propiedad Text que es el texto que se muestra en el botón se insertaría el siguiente código

   1:  button1.Text = "Presioname";

Como ven, estamos accediendo a la propiedad Text del Button1 y la estamos cambiando por el texto "Presioname!", si queremos ver como esto funciona cambiemos el código de la función click de este botón en el que antes habíamos puesto un MessageBox, comentemos eso y añadamos la linea que puse arriba. Tendremos algo como esto:

   1:  private void button1_Click(object sender, EventArgs e)

   2:          {

   3:              //MessageBox.Show("Hello Help My Code!!");

   4:              button1.Text = "Presioname";

   5:          }

Ahora compilemos y veremos como cambia el botón cuando le hacemos click.

Cómo pudiste ver, al hacer click en el botón accediste al evento Click y posteriormente este cambió su propiedad Text a "Presioname", espero que hayas entendido la lógica que se sigue en un programa de entorno visual, para resumirlo es bien sencilla, al hacer cualquier cosa en el Formulario se generan eventos a los que puedes acceder y configurar una respuesta de tu programa antes tales, así también tienes una gama de propiedades que difieren del componente al que hayas accedido, si deseas más información sobre componentes de .Net (Los de Visual Studio) te recomiendo acceder a la paginas de MSDN, por ejemplo yo voy a buscar las propiedades y métodos de un botón.

MSDN - System.Windows.Forms.Button Class

Recuerda que también puedes cambiar las properties de los componentes directamente desde el editor visual de formularios, dirígete al Form1 y haz click en el botón, ve a la ventana de Properties y cámbiale la propiedad Text a "Presióname", si compilas verás que ahora cuando se abre el formulario, el botón ya tendra un texto "Presióname".

Entonces, ahora que sabemos todo esto vamos a hacer un pequeño ejercicio usando eventos y properties.


Nos dirigimos al Form1 y agregamos 2 label y 3 textBox, y empecemos a definir sus properties, vamos con los label, un label tendrá la propiedad Text como "Nombre: " y el otro como "Edad: ", en cuando a los TextBox, primeramente y estoy muy importante para trabajar ordenadamente, intenta mantener un estándar en tus aplicaciones, por ejemplo, yo tengo el estándar de txtBox asi que le cambiaré la propiedad (Name) de los TextBox haciendo que tengan, uno txtBoxNombre, txtBoxEdad, txtBoxRespuesta, tal y como se muestra en la imagen. Además al txtBoxRespuesta, tiene una propiedad Multiline la que cambiaremos por True para que podamos estirar hacia abajo

Bien, ahora que ya tenemos todo renombrado, lo acomodamos bien, así como hice en el la figura anterior y procedemos a hacer doble click al botón para cambiar su evento click. Nos aparece el código que teníamos antes, lo borramos porque ya no nos sirve y vamos a capturar lo que hay en la propiedad Text de cada uno de los textbox.

Primero vamos a crear una variable de tipo String que almacenará la propiedad Text de txtBoxNombre, luego una variable de tipo int que almacenará un entero que está en la propiedad Text del txtBoxEdad, por esto vamos a usar una función propia de .Net, llamada 


Convert.ToInt32(String)


Esta función recibe un String como parámetro y devuelve un entero, entonces a nuestra variable entera vamos a asignarle el resultado de esa función que recibirá como parámetro la propiedad Text del txtBoxEdad.


Ahora que ya tenemos todo almacenado accedemos a la propiedad respuesta para imprimir el resultado que queramos, accediendo a los datos que hemos capturado, finalmente tendremos algo como esto.

   1:  private void button1_Click(object sender, EventArgs e)

   2:          {

   3:              String sNombre = txtBoxNombre.Text;

   4:              int iEdad = Convert.ToInt32(txtBoxEdad.Text);

   5:              txtBoxRespuesta.Text = "Hola " + sNombre + ", yo se que tienes " +

   6:                  iEdad + " años, gracias por visitar Help My Code!";

   7:          }

Ahora compilamos, insertamos los datos que nos pide y LISTO! el propósito de este programa es que veas lo sencillo que es trabajar con properties y eventos, más adelante veremos nuevos componentes y sus eventos. Hasta una nueva oportunidad.

Si deseas descargar el Source de este ejemplo, accede aquí.