Programacin IV.

Gua 1
Facultad: Ingeniera Escuela: Computacin Asignatura: Programacin IV

Tema: Introduccin al IDE de Microsoft Visual C#.

Objetivos
Identificar los principales componentes del entorno grfico de desarrollo de Microsoft Visual
C#.
Crear aplicaciones utilizando el Windows Form de Microsoft.
Utilizar controles en formularios de Windows Forms, como: etiquetas, Cuadros de texto y
botones.
Cambiar propiedades de formularios y controles de Windows Forms en tiempo de diseo y a
travs de un programa en tiempo de ejecucin.

Materiales y Equipo
Gua Nmero 1
Computadora con programa Microsoft Visual C#.

Introduccin Terica
INTRODUCCIN A WINDOWS FORMS.
En la presente gua de laboratorio se mostrar como construir aplicaciones bsicas de
Windows
Forms usando muchos de los componentes ms comunes que son una caracterstica de la
mayora de las aplicaciones GUI.
Se ver como establecer las propiedades de los formularios y de los componentes de Windows
Forms usando Visual Designer y la ventana de propiedades. Tambin aprender a cambiar o a
examinar los valores de estas propiedades dinmicamente usando el cdigo de C#.
Finalmente, aprender a interceptar y a manejar muchos de los eventos ms comunes que
tienen los componentes y los formularios de Windows Form.

Programacin IV, Gua 1 2 HERRAMIENTAS DE VISUAL C#

A continuacin se detallan las herramientas y ventanas ms importantes de Visual C#. Las

ventanas de la mayora de estas herramientas se pueden abrir desde el men Ver.

1. El Editor de cdigo, para escribir cdigo fuente.
2. El compilador de C#, para convertir el cdigo fuente de C# en un programa ejecutable.
3. El depurador de Visual Studio, para probar el programa.
4. El Cuadro de herramientas y el Diseador, para desarrollar rpidamente interfaces de
usuario
con el mouse.
5. El Explorador de soluciones, para ver y administrar archivos de proyecto y configuraciones.
6. El Diseador de proyectos, para configurar opciones del compilador, rutas de
implementacin, recursos, etc.
7. La Vista de clases, para desplazarse por el cdigo fuente segn los tipos, no los archivos.
8. La Ventana Propiedades, para configurar propiedades y eventos en los controles de la
interfaz de usuario.
9. El Examinador de objetos, para ver los mtodos y clases disponibles en las bibliotecas de
vnculos dinmicos, incluidos los ensamblados de .NET Framework y los objetos COM.
10. Document Explorer, para explorar y buscar la documentacin del producto en su equipo
local y en Internet.

CMO EXPONE LAS HERRAMIENTAS EL IDE.

Puede interactuar con las herramientas a travs de ventanas, mens, pginas de propiedades
y asistentes en el IDE.
El IDE bsico tiene un aspecto similar al siguiente:
Cuadra de herramientas

Edltr de cdigo l Diseador de furmularzns Windows Fnrms

Pro pie-dadas
Lmta de tareas

Programacin IV. Gua 1 3

Puede tener acceso rpidamente a las ventanas de herramientas o archivos abiertos

presionando CTRL + TAB.

EXPLORADOR DE SOLUCIONES Y DISEADOR DE PROYECTOS.

La ventana de la parte superior derecha es el Explorador de soluciones, que muestra
todos los archivos del proyecto en una vista de rbol jerrquica.
Cuando se utiliza el men Proyecto para agregar nuevos archivos al proyecto, se vern
reflejados en el Explorador de soluciones. Adems de los archivos, el Explorador de soluciones
tambin muestra la configuracin del proyecto y las referencias a las bibliotecas externas que
necesita la aplicacin.
Para obtener acceso a las pginas de propiedades del Diseador de proyectos, haga clic con
el botn secundario del mouse en el nodo Propiedades del Explorador de soluciones y, a
continuacin, haga clic en Abrir.
Utilice estas pginas para modificar opciones de generacin, requisitos de seguridad,
detalles de implementacin y muchas otras propiedades del proyecto.

Procedimiento
EJEMPLO No. 1: Creacin de un nuevo proyecto.
Para la creacin del Proyecto, por favor siga las indicaciones que se detallan a
continuacin. La versin de Visual Studio en la que se elabor la gua es la 2005.
1. Inicie Visual Studio.NET
2. En el men archivo, seleccione Nuevo y, despus pulse el botn proyecto.
Herramientas, haga Entorno y haga tic en Inicio

Programacin IV, Gua 1 4

En el panel Tipos de proyecto, seleccione proyectos de Visual C# y en el panel de plantillas,

seleccione Aplicacin para Windows y en el cuadro de texto Nombre, escriba Ejemplo1.

Por ltimo haga clic en Aceptar.
Establecer las propiedades del formulario.
1. En la ventana Propiedades(si no ve la ventana presione (F4), haga clic en la
propiedad (Name), y despus escriba Ejemplo1 en el cuadro de texto (Name) para cambiar el
nombre del control del formulario (Esto se hace as, porque con este nombre se har
referencia cuando se este programando).
Mis plantillas
Prcqxectc para mear una anlicacin con Lna hterFaz de LISLI-EIIJ de Windwws.

Ejemplnl System.Winduwsfurmsfurrn
El (Applicatiunfietlzings) 45 El (ataBindingsl
EENIIIHI AcceptButton (ninguno)
ctessibleescription
AccessibIeName .

Programacin IV. Gua 1 5

2. En la misma Ventana Propiedades, seleccione la propiedad Text y, despus escriba

Este es un ejemplo, para cambiar la barra de ttulo del formulario.

3. Seleccione la propiedad Font y haga clic en el botn Puntos suspensivos que aparece al
seleccionar la propiedad. Cuando se hace clic en el botn puntos suspensivos, se abre
el cuadro de dilogo Font y se puede seleccionar la fuente y los efectos que se desean.
Aadir controles a los formularios.
Hasta ahora se ha creado un formulario, se han establecido algunas de sus propiedades.
Para que el formulario sea til, se necesita agregar los controles y escribir algo de cdigo
propio.
Agregar controles de Windows Forms.
En la siguiente figura esta el cuadro de herramientas, donde podemos arrastrar los
controles que necesitamos, para nuestra aplicacin (si no aparece la ventana presionar
Ctrl+w+x)
Fmntr. E stiu de flama

Arrastre los controles necesarios, para construir un formulario similar al mostrado en la figura
siguiente:

Configuracin de las propiedades de los controles.

Ahora es necesario configurar las propiedades de los controles que acaba de agregar al
formulario. Para cambiar el valor de la propiedad de un control, haga clic en el control para
seleccionarlo, y luego introduzca el valor correcto en la ventana de Propiedades.
Programacin IV, Gua 1 6
ndns los formularios Windows Por... 4"

[ - tnntrnlles cmnunes I
Puntero

Checkeiistflox
ComboBux
DateTimePic ker
Calculadora

Programacin IV. Gua 1 7

En la tabla siguiente se listan las propiedades y valores que hay que asignar a cada uno de los

controles.
Cambio de las propiedades de forma dinmica.
Hasta ahora se ha usado la vista de diseo para fijar las propiedades estticamente. Cuando
se
ejecuta el formulario, sera til restablecer el valor de cada control a un valor inicial
predeterminado.
Control Propiedad Valor
Labell Text Numero 1
IextBoxl Name txtnuml
Text Dejar En blanco
Label2
Text Numero 2
TextBoxZ Name Txtnum2
Text Dejar en blanco
Comb0Boxl
Neme crrlbop
DropDrowStyle DropDrowList {Eete configuracin
fuerza a los usuarios e elegir uno
de los elementos eLe la lista: los
usuarios no pueden escribir un valor
nuevo)
ListBoxl
Name 1151; avance
RadiQEutt onl
Name rbtnl
Text Bsicas
RdiDBUZCODZ Mame RbDZ
Text Avanzadas
Enuttonl Name btncalcular
Text Calcular

Programacin IV, Gua 1 8

Para hacerlo hay que escribir algo de cdigo.

 Dar doble clic en cualquier parte del formulario(que no sea sobre un control), para
entrar al evento Load, si lo hizo bien el cursor deber aparecer, dentro de las llaves del
siguiente texto:
private void Ejemplo1_Load(object sender, EventArgs e)
{
}
Dentro de esas llaves justo donde aparece el circulo digitamos lo siguiente:
//agrega item al combo
cmbop.Items.Clear( );
cmbop.Items.Add("sumar");
cmbop.Items.Add("Restar");
//agrega item a la lista
listadvance.Items.Clear( );
listadvance.Items.Add("Multiplicacion");
listadvance.Items.Add("Division");
listadvance.TabIndex = 0;
//inhabilita el combo y la lista
cmbop.Enabled = false;
listadvance.Enabled = false;
Presione la tecla F5 para que vea lo que le sucede al formulario, este deber aparecer
con el combo y la lista desactivada
Ahora vuelva al formulario (modo de diseo), y de doble clic sobre el control
radiobutton que tiene de texto BASICAS.
private void rbtn1_CheckedChanged(object sender, EventArgs e)
{
}

Programacin IV. Gua 1 9

El nombre de ese mtodo aparece como CheckedChanged, que indica que cuando el

radio button cambie, se realizar lo que est dentro de este mtodo, ahora digitamos lo
siguiente:
if (rbtn1.Checked == true)
{
cmbop.Enabled = true;
listadvance.Enabled = false;
}
Al final ese mtodo se ver as:
private void rbtn1_CheckedChanged(object sender, EventArgs e)
{
if (rbtn1.Checked == true)
{
cmbop.Enabled = true;
listadvance.Enabled = false;
}
}
Regresar al modo de diseo y dar doble clic al segundo radiobutton con el texto de
avanzadas, y digitar lo siguiente:
cmbop.Enabled = false;
listadvance.Enabled = true;
//me permite seleccioar el primer elemento de la lista
listadvance.SelectedIndex = 0;
Regresamos nuevamente al modo de diseo, y damos doble clic al botn, para que nos
aparezca el evento de ese botn de la siguiente manera:
private void btncalcular_Click(object sender, EventArgs e)
{
}
Dentro de esas llaves, digitar el texto siguiente:

Programacin IV, Gua 1 10

double n1, n2,r;

n1 = Convert.ToDouble(txtnum1.Text);
n2 = Convert.ToDouble(txtnum2.Text);
if (cmbop.Enabled == true)
{
if (cmbop.SelectedItem.ToString() == "sumar")
r = n1 + n2;
else
r = n1 - n2;
MessageBox.Show("El Resultado es "+ r.ToString(),"Respuesta");
}
if (listadvance.Enabled == true )
{
if (listadvance.SelectedItem.ToString() == "Multiplicacion")
r = n1 * n2;
else
r = n1 / n2;
MessageBox.Show("El Resultado es " + r.ToString(), "Respuesta");
}
Presione F5 para ejecutar la aplicacin.
Control de errores Try match.
En ocasiones es imprescindible manejar el comportamiento de nuestra aplicacin cuando surge
un error.
Try{
cdigo que puede producir la excepcin.
}
Catch{
Impresin y tipo de error o excepcin
}