Guia Windows Forms en C#

7/23/2019 Guia Windows Forms en C#

1/13

1Programacin IV. Gua 1

Tema: Introduccin al IDE de Microsoft Visual

C#.

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.

Gua Nmero 1

Computadora con programa Microsoft Visual C#.

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.

Facultad: Ingeniera

Escuela: ComputacinAsignatura: Programacin IV

Objetivos

Materiales y Equipo

Introduccin Terica


2/13

Programacin IV, Gua 12

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:


3/13

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.

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.

Procedimiento


4/13


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


5/13


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


6/13


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.


7/13


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.


8/13


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)

{

}


9/13


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;


}

Al final ese mtodo se ver as:

private void rbtn1_CheckedChanged(object sender, EventArgs e)

{

if (rbtn1.Checked == true)

{

cmbop.Enabled = true;


}

}

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:


10/13


double n1, n2,r;

n1 = Convert.ToDouble(txtnum1.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

}


11/13


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:


{ double n1, n2,r;



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;


{ //codigo del botn.

Ahora sustituya las lneas



por lo siguiente:

try{


12/13



}

catch{

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

}

try{


}

catch {

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

}

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.

Ejercicio No. 1Agregar a la calculadora en operaciones avanzadas, la potencia y raz cuadrada.

Num 1 elevado al num 2 ( Num1^num2 ) y Raiz cuadrada de Num2 (_(num2))

Para la siguiente semana:

Hacer un programa que me captura nmeros y me haga la conversin en letras, por lo menos

hasta 1000.

Ejemplo: si el usuario escribe: 45, la salida debe mostrar un mensaje con el texto: cuarenta y

cinco.

Anlisis de resultados

Investigacin Complementaria


13/13


EVALUACIN

% 1-4 5-7 8-10 Nota

CONOCIMIENTO Del 20

al 30%

Conocimiento

deficiente

de los

fundamentos

tericos

Conocimiento

y explicacin

incompleta de

los

fundamentos

tericos

Conocimiento

completo y

explicacin

clara de los

fundamentos

tericos

Del 40%

al 60%

APLICACIN

DEL

CONOCIMIENTO

ACTITUD

Del 15%

al 30%

No tiene

actitud

proactiva.

Actitud

propositiva y

con

propuestas no

aplicables al

contenido de

la gua.

Tiene actitud

proactiva y

sus propuestas

son concretas.

TOTAL 100%

Mquina No:Alumno:

Docente: GL: Fecha:

Gua 1: Introduccin al IDE deMicrosoft Visual C#.

Hoja de cotejo: 1

Guia Windows Forms en C#

Documents

Transcript of Guia Windows Forms en C#