You are on page 1of 7

Crear Windows Forms Crear una interfaz grafica es muy fcil, con.

NET es muy intuitivo, creemos rpidamente una form con un botn un cuadro de texto y una etiqueta Al dar click al botn colocaremos el texto del cuadro de texto [sic] en la etiqueta. Primero abrimos Visual Studio 2005 o Visual C# 2005 Express, y creamos un nuevo proyecto. Crearemos un proyecto vacio para construir nuestra form desde cero y ver algunos aspectos bsicos, bautizamos el proyecto y los creamos.

Despus veremos que nuestro proyecto esta completamente vacio, as que empezaremos agregando algunas referencias a nuestro proyecto. Las referencias bsicas son: System System.Windows.Form System.Drawing Para agregar estas referencias damos click con el botn derecho sobre el icono de Referencias y elegimos Agregar

Aqu elegimos las referencias anteriormente mencionadas; ahora agregamos un nuevo archivo de cdigo, click derecho sobre nuestro proyecto -> Agregar->Elemento Nuevo-> Archivo de Codigo

El cdigo se encuentra a continuacin y ms abajo esta la explicacin lnea a lnea


using System; using System.ComponentModel; using System.Drawing; using System.Windows.Forms; namespace MiForm { public class MiForm : Form { Button boton; Label etiqueta; TextBox cuadrotexto; public MiForm() { // Propiedades de la Forma this.Text = "Mi Ventana"; this.Width = 300; this.Height = 200; // Crear Boton this.boton = new Button(); this.boton.Text = "Presioname"; this.boton.Location = new Point(10, 100); this.boton.Click += new EventHandler(boton_Presionado); // Crear Etiqueta this.etiqueta = new Label(); this.etiqueta.AutoSize = true; this.etiqueta.Text = "Aqui se mostrar el texto ingresado"; this.etiqueta.Location = new Point(10, 20); // Crear Cuadro de Texto this.cuadrotexto = new TextBox(); this.cuadrotexto.Size = new Size(200, 15); this.cuadrotexto.Text = "Ingresa algo de texto"; this.cuadrotexto.Location = new Point(10, 60); // Agregar los Controles a la Forma this.Controls.Add(this.boton); this.Controls.Add(this.etiqueta); this.Controls.Add(this.cuadrotexto); } void boton_Presionado(object sender, EventArgs e) { this.etiqueta.Text = this.cuadrotexto.Text; this.cuadrotexto.Text = "El texto se agrego..."; } } public class ClaseMain { static void Main() { Application.Run(new MiForm()); } } }

Analicmoslo lnea por lnea.


using using using using System; System.ComponentModel; System.Drawing; System.Windows.Forms

Aqu agregamos los nombres de espacio que estn en las referencias: - System esta dentro de mscorlib.dll y System.dll - ComponentModel esta dentro de System.dll - Drawing en System.Drawing.dll - Forms en Syste.Windows.Forms.dll Y todos estn dentro de la carpeta C:\Windows\Framework\2.0\ --------------------------------------------------------------------namespace MiForm

Declaramos el nombre de espacio de nuestra aplicacin.

public class MiForm : Form

Despus una clase que heredara de de Form la cual contiene todos los mtodos y propiedades necesarias para manejar nuestra forma [ventana]. --------------------------------------------------------------------Button boton; Label etiqueta; TextBox cuadrotexto;

Declaramos 3 propiedades de nuestra clase, un botn que ser un objeto del tipo Button, una etiqueta como Label y un cuadro de texto como TextBox. Cada una de estas clases esta dentro del nombre de espacios Form y contiene sus propios mtodos y propiedades. --------------------------------------------------------------------public MiForm()

Nuestro Constructor, dentro de nuestro constructor va el resto del cdigo [abajo]. --------------------------------------------------------------------// Propiedades de la Forma

this.Text = "Mi Ventana"; this.Width = 300; this.Height = 200;

Definimos algunas propiedades de nuestra ventana, como son Text que no es ms que el texto que se muestra como titulo, y el tamao en pixeles. Se usa this para evitar que se defina alguna otra propiedad de nombre Text de algn otro objeto. --------------------------------------------------------------------this.boton = new Button(); this.boton.Text = "Presioname"; this.boton.Location = new Point(10, 100); this.boton.Click += new EventHandler(boton_Presionado);

Ahora creamos nuestro objeto del tipo Button y definimos algunas propiedades, como son el Texto que mostrara al inicio, la posicin dentro de la forma y un evento Quiz esto se una cosa un poco compleja, pero basmonos en el hecho de que esta creando un evento que se dispara al presionar el botn, el valor que se pasa a EventHandler es el nombre del mtodo que se invocara al momento que es el evento se dispara [sucede].

this.etiqueta = new Label(); this.etiqueta.AutoSize = true; this.etiqueta.Text = "Aqui se mostrar el texto ingresado"; this.etiqueta.Location = new Point(10, 20);

Enseguida creamos el objeto del tipo Label y definimos algunas propiedades, como son el texto inicial, la posicin en la forma y adems que su tamao sea automtico, sea, que depende del texto que muestra. --------------------------------------------------------------------// Crear Cuadro de Texto this.cuadrotexto = new TextBox(); this.cuadrotexto.Size = new Size(200, 15); this.cuadrotexto.Text = "Ingresa algo de texto"; this.cuadrotexto.Location = new Point(10, 60);

Lo mismo hacemos con el cuadro de texto, creamos el objeto y definimos el texto inicial, la posicin y el tamao [en pixeles]. --------------------------------------------------------------------// Agregar los Controles a la Forma this.Controls.Add(this.boton); this.Controls.Add(this.etiqueta); this.Controls.Add(this.cuadrotexto);

Lo nico que falta es agregar todos nuestro controles [objetos], a nuestra forma, aqu lo hacemos uno por uno, pero se pueden agregar varios con el mtodo AddRange(Control[] controls) al que le pasamos un arreglo con todos los controles. Aqu Termina nuestro contructor. Ahora definimos el mtodo que le pasamos al mtodo EventHandler, el cual ser invocado al presionar [Click] el botn. --------------------------------------------------------------------void boton_Presionado(object sender, EventArgs e) { this.etiqueta.Text = this.cuadrotexto.Text; this.cuadrotexto.Text = "El texto se agrego..."; }

Lo que sucede es muy fcil, a la propiedad Text de nuestra etiqueta le asignamos el Texto que hemos colocado en el cuadro de Texto y despus a este le asignamos El texto se agrego, entonces cada que demos click en el botn, la informacin el cuadro de texto se asignara a la etiqueta y el cuadro de texto no dir que hemos agregado texto. Los datos que reciben son [por convencin] un object que es el objeto responsable de disparar el evento y EventArgs que son argumentos o informacin sobre el evento disparado. Cerramos nuestra clase que mostrara la ventana y declaramos nuestra clase de entrada.
public class ClaseMain { static void Main() { Application.Run(new MiForm()); } }

En nuestro mtodo Main mandamos llamar al mtodo estatico [static] Run de la clase Application, esta forma de iniciar la forma se asegura que el programa este ligado con la forma y que cuando se cierra la ventana [forma] tambin se termina el programa. Aunque hay otras 2 formas de mostrarla, en las dos hay que crear un objeto de nuestra clase e invocar al mtodo Show() o ShowDialog(). Ya solo queda correr nuestra aplicacin F5 Lo que veremos es que se abre una ventana de consola en la cual no se muestra nada, y despus se abre una ventana con nuestro diseo

En el cuadro de Texto ponemos algo de informacin y le damos click al botn, al hacer esto disparamos el evento Click el cual va a poner en la etiqueta, el texto de ingresamos y en el cuadro de texto pone El texto se agrego.

You might also like