Programación IV. Guía 1
1
Facultad: Ingeniería Escuela: Computación Asignatura: Programación IV
Tema: C#.
Introducción
al
IDE
de
Microsoft
Visual
Objetivos •
Identificar los principales componentes del entorno gráfico 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 diseño y a través de un programa en tiempo de ejecución.
Materiales y Equipo •
Guía Número 1
•
Computadora con programa Microsoft Visual C#.
Introducción Teórica
INTRODUCCIÓN A WINDOWS FORMS. En la presente guía de laboratorio se mostrará como construir aplicaciones básicas de Windows Forms usando muchos de los componentes más comunes que son una característica de la mayoría 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. También aprenderá a cambiar o a examinar los valores de estas propiedades dinámicamente usando el código de C#. Finalmente, aprenderá a interceptar y a manejar muchos de los eventos más comunes que tienen los componentes y los formularios de
Windows Form.
2
Programación IV, Guía 1
HERRAMIENTAS DE VISUAL C# A continuación se detallan las herramientas y ventanas más importantes de Visual C#. Las ventanas de la mayoría de estas herramientas se pueden abrir desde el menú Ver. 1. El Editor de código, para escribir código fuente. 2. El compilador de C#, para convertir el código fuente de C# en un programa ejecutable. 3. El depurador de Visual Studio, para probar el programa. 4. El Cuadro de herramientas y el Diseñador, para desarrollar rápidamente interfaces de usuario con el mouse. 5. El Explorador de soluciones, para ver y administrar archivos de proyecto y configuraciones. 6. El
Diseñador
de
proyectos,
para
configurar
opciones del
compilador, rutas de
implementación, recursos, etc. 7. La Vista de clases, para desplazarse por el código fuente según 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 métodos y clases disponibles en las bibliotecas de vínculos dinámicos, incluidos los ensamblados de .NET Framework y los objetos COM. 10. Document Explorer, para explorar y buscar la documentación del producto en su equipo local y en Internet.
CÓMO EXPONE LAS HERRAMIENTAS EL IDE. Puede interactuar con las herramientas a través de ventanas, menús, páginas de propiedades y asistentes en el IDE. El IDE básico tiene un aspecto similar al siguiente:
Programación IV. Guía 1
3
Puede tener acceso rápidamente a las ventanas de herramientas o archivos abiertos presionando CTRL + TAB.
EXPLORADOR DE SOLUCIONES Y DISEÑADOR 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 jerárquica. Cuando se utiliza el menú Proyecto para agregar nuevos archivos al proyecto, se verán reflejados en el Explorador de soluciones. Además de los archivos, el Explorador de soluciones también muestra la configuración del proyecto y las referencias a las bibliotecas externas que necesita la aplicación. Para obtener acceso a las páginas de propiedades del Diseñador de proyectos, haga clic con el botón secundario del mouse en el nodo Propiedades del Explorador de soluciones y, a continuación, haga clic en Abrir. Utilice estas páginas para modificar opciones de generación, requisitos de seguridad, detalles de implementación y muchas otras propiedades del proyecto.
Procedimiento
EJEMPLO No. 1: Creación de un nuevo proyecto. Para la creación del Proyecto, por favor siga las indicaciones que se detallan a continuación. La versión de Visual Studio en la que se elaboró la guía es la 2005. 1. Inicie Visual Studio.NET 2. En el menú archivo, seleccione Nuevo y, después pulse el botón proyecto.
4
Programación IV, Guía 1
En el panel Tipos de proyecto, seleccione proyectos de Visual C# y en el panel de plantillas, seleccione Aplicación para W indows 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 después 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).
Programación IV. Guía 1 2. En la misma Ventana Propiedades, seleccione la propiedad
5
Text y, después escriba
Este es un ejemplo, para cambiar la barra de título del formulario. 3. Seleccione la propiedad
Font y haga clic en el botón Puntos suspensivos que aparece al
seleccionar la propiedad. Cuando se hace clic en el botón puntos suspensivos, se abre el cuadro de diálogo Font y se puede seleccionar la fuente y los efectos que se desean.
Añadir 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 código propio.
Agregar controles de Windows Forms. En la siguiente figura esta el cuadro de herramientas, donde podemos arrastrar los controles que necesitamos, para nuestra aplicación (si no aparece la ventana presionar Ctrl+w+x)
6
Programación IV, Guía 1
Arrastre los controles necesarios, para construir un formulario similar al mostrado en la figura siguiente:
Configuración 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 .
Programación IV. Guía 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 dinámica. Hasta ahora se ha usado la vista de diseño para fijar las propiedades estáticamente. Cuando se ejecuta el formulario, sería útil restablecer el valor de cada control a un valor inicial predeterminado.
8
Programación IV, Guía 1
Para hacerlo hay que escribir algo de código. •
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 diseño), y de doble clic sobre el control
radiobutton que tiene de texto BASICAS. private void rbtn1_CheckedChanged(object sender, EventArgs e) { }
Programación IV. Guía 1 •
El nombre de ese método aparece como
9
CheckedChanged , que indica que cuando el
radio button cambie, se realizará lo que está dentro de este método, ahora digitamos lo siguiente: if (rbtn1.Checked == true) { cmbop.Enabled = true; listadvance.Enabled = false; }
•
Al final ese método 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 diseño 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 diseño, y damos doble clic al botón, para que nos aparezca el evento de ese botón de la siguiente manera: private void btncalcular_Click(object sender, EventArgs e) { }
•
Dentro de esas llaves, digitar el texto siguiente:
10 Programación
IV, Guía 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 aplicación.
Control de errores Try match . En ocasiones es imprescindible manejar el comportamiento de nuestra aplicación cuando surge un error. Try{ código que puede producir la excepción. } Catch{ Impresión y tipo de error o excepción }
Programación IV. Guía 1
11
Modifiquemos una parte del código de nuestro programa, busquemos el código que ingresamos en el botón, o solamente demos doble clic sobre el botón para llegar al código 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 demás del código ya lo sabemos
En este código busque la línea double n1, n2,r; córtela y péguela fuera del método (teniendo cuidado de no pegarlo dentro de otra y reescríbalo 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 botón.
Ahora sustituya las líneas n1 = Convert.ToDouble(txtnum1.Text); n2 = Convert.ToDouble(txtnum2.Text);
por lo siguiente: try{
12 Programación
IV, Guía 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 código abajo no lo modifique, presione F5 y pruebe la aplicación ingresando letras en lugar de números.
Nota: la utilización del try catch en este ejemplo, no es una manera óptima de utilizarlo, se implementó así para mayor comprensión.
Análisis de resultados
Ejercicio No. 1 Agregar a la calculadora en operaciones avanzadas, la potencia y raíz cuadrada. Num 1 elevado al num 2 ( Num1^num2 ) y Raiz cuadrada de Num2 (_(num2))
Investigación Complementaria Para la siguiente semana: Hacer un programa que me captura números y me haga la conversión 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.
Programación IV. Guía 1
Guía 1: Introducción Microsoft Visual C#.
al
IDE
Hoja de cotejo:
de
Alumno:
Máquina No:
Docente:
GL:
Fecha:
1-4
5-7
8-10
Conocimiento deficiente de los fundamentos teóricos
Conocimiento y explicación incompleta de los fundamentos teóricos
Conocimiento completo y explicación clara de los fundamentos teóricos
No tiene actitud proactiva.
Actitud propositiva y con propuestas no aplicables al contenido de la guía.
Tiene actitud proactiva y sus propuestas son concretas.
13
1
EVALUACIÓN % CONOCIMIENTO
APLICACIÓN DEL CONOCIMIENTO
Del 20 al 30%
Del 40% al 60%
ACTITUD Del 15% al 30%
TOTAL
100%
Nota
