Programacin IV.

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

Tema: C#.

Introduccin

al

IDE

de

Microsoft

Visual

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.

2 Programacin IV, Gua 1

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:

Programacin IV. Gua 1

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.

4 Programacin IV, Gua 1 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).

Programacin IV. Gua 1

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)

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

Programacin IV. Gua 1

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 Programacin IV, Gua 1 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

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:

10 Programacin IV, Gua 1 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 }

Programacin IV. Gua 1

11

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: 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{

12 Programacin IV, Gua 1 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"); } 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 en operaciones avanzadas, la potencia y raz cuadrada. Num 1 elevado al num 2 ( Num1^num2 ) y Raiz cuadrada de Num2 (_(num2))

Investigacin Complementaria
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.

Programacin IV. Gua 1

13

Gua 1: Introduccin Microsoft Visual C#.

Alumno: Docente:

al

IDE

de

Hoja de cotejo:

1 1

Mquina No: GL: Fecha:

EVALUACIN % CONOCIMIENTO Del 20 al 30% 1-4 Conocimiento deficiente de los fundamentos tericos 5-7 Conocimiento y explicacin incompleta de los fundamentos tericos 8-10 Conocimiento completo y explicacin clara de los fundamentos tericos Nota

APLICACIN DEL CONOCIMIENTO

Del 40% al 60%

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%