Programacin IV.

Gua 1

Facultad:
Ingeniera
Escuela:
Computacin
Asignatura: Programacin IV

Tema: Repaso
Visual C#.

sobre

el

uso

del

IDE

de

Microsoft

Objetivos Especficos

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.

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.

Programacin IV. Gua 1

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:

Puede

tener

acceso

rpidamente

presionando CTRL + TAB.

las

ventanas

de herramientas

archivos abiertos

Programacin IV. Gua 1

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 2010.
1. Inicie Visual Studio.NET
2. En el men archivo, seleccione Nuevo y, despus pulse el botn proyecto.

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.

Programacin IV. Gua 1

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).

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.

Programacin IV. Gua 1

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)

Programacin IV. Gua 1

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.
En la tabla siguiente se listan las propiedades y valores que hay que asignar a cada uno de los
controles.

Programacin IV. Gua 1

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.
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;

Programacin IV. Gua 1

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)
{
}

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:

Programacin IV. Gua 1

private void btncalcular_Click(object sender, EventArgs e)

{
}

Dentro de esas llaves, digitar el texto siguiente:

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 Catch.
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

}
Modifiquemos una parte del cdigo de nuestro programa, busquemos el cdigo que ingresamos en el
botn, o solamente demos doble clic sobre el botn para llegar al cdigo que era el siguiente:

Programacin IV. Gua 1

10

private void btncalcular_Click(object sender, EventArgs e)

{

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");

}
. // lo dems del cdigo ya lo sabemos
En este cdigo busque la lnea double

n1, n2, r; crtela y pguela fuera del mtodo (teniendo

cuidado de no pegarlo dentro de otra y reescrbalo de la siguiente manera:

public double n1, n2, r;
deberia de quedar asi:
public double n1, n2, r;
private void btncalcular_Click(object sender, EventArgs e)
{

//codigo del botn.

Ahora sustituya las lneas

n1 = Convert.ToDouble(txtnum1.Text);
n2 = Convert.ToDouble(txtnum2.Text);
por lo siguiente:
try{

n1 = Convert.ToDouble(txtnum1.Text);

}
catch{ MessageBox.Show("Ha ocurrido un error con el valor ingresado");
}
try{

n2 = Convert.ToDouble(txtnum2.Text);

}
catch { MessageBox.Show("Ha ocurrido un error con el valor ingresado");
}

Programacin IV. Gua 1

11

Y el cdigo abajo no lo modifique, presione F5 y pruebe la aplicacin ingresando letras en lugar de

nmeros.
Nota: la utilizacin del try - catch en este ejemplo, no es una manera ptima de utilizarlo, se
implement as para mayor comprensin.

Anlisis de resultados
Ejercicio No. 1
Agregar a la calculadora realizada en el ejemplo, las siguientes operaciones avanzadas:
a) Seno (Sin), Coseno (Cos) y Tangente (Tan).
b) Elevar un nmero cualquiera (X) a cualquier potencia (Y), es decir: XY
c) Logaritmo de un nmero (Log X) y Logaritmo natural de un nmero (Ln X)

Investigacin Complementaria

Para la siguiente semana:

1. Elaborar un programa en entorno grfico que solicite al usuario un nmero real.
El programa debe convertir a letras el nmero digitado por el usuario.
Ejemplo: si el usuario escribe: 1,245.27,

la salida generada por el programa debe ser: Un mil

doscientos cuarenta y cinco punto veintisiete.

2. Investigar sobre libreras y/o bibliotecas que pueden utilizarse para implementar dibujos (figuras
geomtricas, lneas, manejo de colores, etc.) en Visual Basic C#. NET. Incluir programas de ejemplo
del uso de estas libreras.

12

Programacin IV. Gua 1

Gua 1: Repaso sobre el uso del IDE de

Microsoft Visual C#.

Hoja de cotejo:

Alumno:

Mquina No:

Docente:

GL:

Fecha:

EVALUACIN
%
CONOCIMIENTO

Del 20
al 30%

APLICACIN
DEL
CONOCIMIENTO

Del 40%
al 60%

ACTITUD

Del 15%
al 30%

TOTAL

100%

1-4

5-7

8-10

Conocimiento
deficiente
de los
fundamentos
tericos

Conocimiento
y explicacin
incompleta de
los
fundamentos
tericos

Conocimiento
completo y
explicacin
clara de los
fundamentos
tericos

No tiene
actitud
proactiva.

Actitud
propositiva y
con
propuestas no
aplicables al
contenido de
la gua.

Tiene actitud
proactiva y
sus propuestas
son concretas.

Nota