UNIVERSIDAD DE EL SALVADOR

FACULTAD DE INGENIERIA Y ARQUITECTURA

ESCUELA DE INGENIERIA DE SISTEMAS INFORMATICOS
PROGRAMACION I Ciclo II 2016
GUIA 3: Programacin de Formularios en C#

Objetivo General:
Aprender y practicar a programar soluciones secuenciales en C#, tanto en Modo Consola
como con Formularios.

Introduccin :
Esta Gua consta de dos partes. La primera parte es un repaso de Formularios, se presentan
definiciones y ejemplos y, en la segunda parte, se exponen un conjunto de Ejercicios
Propuestos para que los estudiantes practiquen los conocimientos adquiridos.

Metodologa:
El docente explicar la Parte I de esta Gua, para despus indicar a los estudiantes que
realicen dos de los ejercicios de la Parte II, los cuales debe desarrollar el estudiante durante
la prctica. NOTA: Favor desalojar el Local de Laboratorio puntualmente.

Parte I. Programacin de Formularios Secuenciales

C# es un lenguaje de programacin orientado a objetos desarrollado y estandarizado por Microsoft

como parte de su plataforma .NET.

La sintaxis de C# es muy expresiva, pero tambin es sencilla y fcil de aprender. Los sementos de
instrucciones de C# basados en pares de llaves son reconocidos inmediatamente por cualquier
programador familiarizada con C, C++ o DevC.

Framework. Net es la plataforma de desarrollo y ejecucin de aplicaciones. Est compuesta de:

Entorno de Ejecucin (Runtime)

Bibliotecas de Funcionalidad (Class Library)
Lenguajes de Programacin
Compiladores
Herramientas de Desarrollo (IDE & Tools)

En esta parte se explica el uso de Aplicaciones Windows Forms , los controles para disear
Interfaces Grficas de Usuario GUI, Controles como GroupBox, Label, TextBox, Button,
ComboBox, ListBox, DataGridView, PictureBox, RadioButton, MenuStrip, entre otros; as
como tambin la modificacin de las propiedades ms importantes de dichos controles. Se
explica tambin el manejo de eventos en el Lenguaje de Programacin C#.

El espacio de nombres System.Windows.Forms contiene clases para crear aplicaciones

basadas en ventanas que aprovechan las ventajas de las caractersticas avanzadas de la
interfaz de usuario disponibles en el Sistema Operativo Microsoft Windows.

A continuacin se estudian los controles bsicos disponibles:

1
GroupBox: Componente que muestra un marco alrededor de un grupo de controles con un
ttulo opcional.

Button: Componente que permite implementar un botn de pulsacin.

Label: Proporciona informacin en tiempo de ejecucin o texto descriptivo para un control.

TextBox: Componente que permite ingresar una lnea de texto y editarlo.

PictureBox: Componente que permite mostrar una imagen en el formulario.

GroupBox Button Label TextBox PictureBox

CheckBox: Permite seleccionar o deseleccionar uno o varios tems de un conjunto de

opciones.

RadioButton: Componente para mostrar varias opciones de las cuales slo se puede
seleccionar una.

ComboBox: Usado para implementar una lista desplegable de varias opciones de las cuales
slo se puede seleccionar una.

ListBox: Permite implementar una lista con varias opciones de las cuales se puede
seleccionar una o varias.

CheckBox RadioButton ComboBox ListBox

MenuStrip: Permite implementar un men de tems y subtems de opciones:

2
DataGridView: Muestra filas y columnas de datos en una cuadrcula que se puede
personalizar:

Algunas propiedades o caractersticas ms comnmente utilizadas de los Controles son:

BackColor: Permite modificar el color de fondo de un componente.

ForeColor: Propiedad para modificar el color de la letra de un componente.

Font: Permite modificar la fuente, el estilo y el tamao de la letra de un componente.

Visible: Propiedad que permite establecer si el control estar o no visible.

Text: Para definir la lnea de texto que se va a visualizar en el componente.

Cursor: Define el estilo del cursor del Mouse.

ToolTipText: Permite ingresar un mensaje de ayuda que se visualizar cuando se pase el

mouse sobre el componente.

Enable: Permite habilitar o deshabilitar un componente.

Un evento es un suceso que ocurre como consecuencia de la interaccin del usuario con la
interfaz grfica. Algunos ejemplos de eventos son:

Pulsacin de un botn.
Cambio del contenido en una caja de texto.
Deslizamiento de una barra.
Activacin de un CheckBox.
Movimiento de la ventana.

3
Crear un nuevo proyecto Windows Forms de nombre WF0:

Luego a dar Aceptar, aparecer Form1 en Vista Diseo, aumentar tamao y modificar la
Propiedad Text con .:.Uso de Formularios.:.

Form1 en Vista Diseo

Renombrar Form1 como:

.:.Uso de Formularios.:.

Colocar mouse para agrandar el tamao del Form1

4
Cambiar el color de fondo del formulario:
Propiedades > Apariencia > BackColor > Personalizado

Control
Personalizado del
BackColor

Luego a Personalizar el BackColor, se puede decidir cules de los botones de la Ventana del
Form1 sern o no visibles:

Botones de Form1

MinimizeBox
MaximizeBox

MinimizeBox

Si se desea ocultar el botn maximizar:

Propiedades > Estilo de Ventana > MaximizeBox de True a False:

De la misma manera,
si se desea ocultar el botn minimizar:
Propiedades > Estilo de Ventana > MinimizeBox
Cambiar de True a False:

5
La apariencia de Form1 es:

Insertar TabControl:

Ya colocadas las dos pestaas.

Ajustar el tamao a lo largo y
ancho del formulario:

Arrastrar hacia Form1

As:

6
Aparecen dos pestaas: TabPage1 y TabPage2. Ir a las Propiedades TabPages y dar clic en
para que aparezca el Editor de la coleccin TabPage:

Dar clic aqu:

Dar clic en tabPage1 y cambiar la propiedad Text a: DatosGenerales. Para tabPage2, colocar
en Text DatosOpcionales:

Los botones y permiten adicionar o eliminar tabPages del

formulario. Si se desea insertar un tabPage entre dos controles ya creados, se utiliza:
Dar clic en botn Aceptar y en el rea del tabPage1, llamada DatosGenerales, se
comenzarn a insertar controles para manejar los datos generales de los
usuarios:

7
Se insertarn dos GroupBox en DatosGenerales, se les cambiarn las propiedades Text por:
Datos del Usuario y Datos del Perfil, respectivamente:

Al concluir estas acciones, el formulario tendr la siguiente apariencia:

8
Se colocarn cinco Label que indicarn al usuario del fromulario los datos requeridos:
Nombres, Primer Apellido, Segundo Apellido, Sexo y Nacionalidad. Se agregarn tres
TextBox para rellenar con los Datos del Usuario: nombres, primer apellido y segundo
apellido. Para completar la casilla del Sexo, se utilizarn dos RadioButton (a cada uno de
ellos, se les modificar la propiedad Text por Masculino y Femenino, respectivamente). Para
la Nacionalidad, se har uso de un ComboBox o Lista Desplegrable:

Luego de agregar el ComboBox, en sus Propiedades colocar Seleccione en Text y listar los
Items. Dar clic en

9
Por el momento, los Datos del Usuario, se encuentran as:

Se cambiarn las propiedades de apariencia de las tres cajas de texto (TextBox), clic en la
primera, ctrl+clic en la segunda y ctrl+clic en la tercera: BorderStyle a FixedSingle para lograr
que se les visualice un borde:

10
Tambin se cambiarn las propiedades de los Font de las Label: Tipo, Estilo y Tamao.

Dar clic en

Dando ctrl+clic, se seleccionan todas las etiquetas al mismo tiempo:

Para cambiar el color de la Fuente, seleccionar ForeColor y elegir, dentro de Personalizado:

Tambin se puede modificar el color de fondo de

los TextBox:

El cambio se exhibir en el formulario, as:

Finalmente, los Datos del Usuario, quedarn as:

11
En los Datos del Perfil, se agregar un PictureBox para poder agregar la foto del usuario. Por
el momento, se colocar una imagen de fondo, modificando BackgroundImage.
Dar clic en :

Se almacenar en Resources.resx. Se tomar la opcin Archivo de Recurso del Proyecto y

clic en Importar:

12
Seleccionar minerva.jpg y clic en Abrir
Luego a Aceptar la importacin de la imagen, se observar lo siguiente:

Para lograr que la imagen importada ocupe en totalidad el

espacio asignado en el formulario, se puede utilizar la
propiedad BackgroundImageLayout opcin Stretch:

Dar clic en y escoger Stretch:

Observar cmo se adeca la imagen al tamao del PictureBox. Inmediatamente despus,

agregar un Label: Fecha de Nacimiento: y un control DateTimePicker, para elegir de un
calendario una fecha especfica:
Una vez insertado el
control, el cambio se
exhibir en Form1, as:

13
Se puede modificar el formato de la fecha, de Long a Short:

Y el cambio se notar:

Se agregar un control que permita seleccionar si se desea o no que se muestren los datos
del usuario. Para ello, se utilizar un CheckBox y dentro de su propiedad Text se colocar:
Desea Mostrar estos datos? De esta manera, el usuario podr activar o desactivar la opcin
si desea o no mostrar los Datos del Perfil:

Dentro de tabPage2, DatosOpcionales, se agregar un GroupBox con Text Otros Datos del
Usuario, una Label, Descripcin: y un TextBox grande para que el usuario pueda escribir
su respectiva descripcin, para ello, se debe modificar Multiline de False a True. Esto permite
aumentar verticalmente el tamao del cuadro de texto:

Para que aparezca una

barra de desplazamiento
vertical, se debe modificar
ScrollBars de None a
Vertical:

A la par de Descripcin, colocar otra Label, Preferencias: y un ListBox o Lista de Opciones

para que el usuario pueda elegir sus preferencias:

Para que el usuario tenga una lista de preferencias a seleccionar, modificar Items:

14
Luego a Aceptar, se puede cambiar la propiedad Font del listado de preferencias:

Se agregarn tres botones para que el usuario pueda seleccionar funcionalidades: guardar
sus datos, borrar sus datos o salir de la aplicacin:

Para hacer ms amigables los

botones, se les pueden agregar
imgenes, importndolas con la
propiedad Image y alinendolas
con ImageAlign

Finalmente, los DatosOpcionales quedaran as:

15
Para ejecutarlo, oprimimos F5 o el botn

16
Como segundo ejemplo, calcular el Inters Compuesto de un Capital en un determinado
espacio de tiempo a una tasa de inters determinada, utilizando el Lenguaje de
Programacin C# y Windows Forms para disear la Interfaz Grfica de Usuario, utilizando los
controles Textbox, Label, Button, Groupbox. Adicionalmente, se utilizar la clase Math y su
mtodo Pow, se procesar la informacin en el evento Click del Button y se implementar
tambin un procedimiento para limpiar los diferentes componentes.

Estudiar el Flujograma que describe la solucin a implementar y considerar las descripciones

de las frmulas a utilizar, colocadas a la derecha del Diagrama de Flujo:

M=(1+r%)t *C I=M-C

Donde:

M (Monto) es la suma del capital ms intereses

producidos en un tiempo determinado.

r (Taza de Inters) es la ganancia que se obtiene

por cada 100 unidades monetarias en cada
periodo de Tiempo.

T (Tiempo) es el perodo de tiempo durante el cual

se presta el capital.

C (Capital) es la cantidad de dinero invertida para

generar una ganancia.

I (Inters) es la utilidad Generada.

Modificar el Text a .:.Estructuras Secuenciales.:., Backcolor ser White, insertar dos

GroupBox, al primero de ellos colocar el Text Inters y al de abajo borrarle Text

17
El primer GroupBox recibir las entradas y el segundo, desplegar las salidas de la
aplicacin a desarrollar.

En el GroupBox del Inters colocar tres Label (Capital, Razn, Tiempo) con sus
correspondientes TextBox cada una. Modificar la propiedad Name de cada una de las cajas
de texto: txtCapital, txtRazon y txtTiempo (figura de la izquierda).

Dentro del mismo GroupBox, agregar dos botones: Calcular y Nuevo, colocarles este nombre
en la propiedad Text de cada uno de ellos. El primero permitir calcular las operaciones;
mientras que el segundo limpiar los contenidos de las cajas de texto, nombrarlos
btnCalcular y btnNuevo, respectivamente (figura de la derecha).

En el segundo GroupBox, agregar dos Label y 2 TextBox:

18
De esta manera queda terminado el diseo del formulario. Se debe pasar a la programacin
de los eventos.

Dar doble clic en el botn Calcular para programarlo. Posteriormente, en el botn Nuevo y
pulsar F5 para observar la ejecucin.

A continuacin el contenido de Form1.cs:

Para ejecutar, colocar 100 en Capital, 0.10 en Razn y 2 en Tiempo. Oprimir Calcular y
finalmente, la aplicacin funcionando ser:

19
Para ejecutar nuevamente, primero se deben limpriar los cuadros de texto. Para ello,
presionar el botn Nuevo:

Parte III. Ejercicios Propuestos

Construir soluciones en C# para los siguientes enunciados:

1. En el taller de reparacin de motos, se necesita disear una solucin en VS, basada en

C#, que despliegue la lista de repuestos, con sus precios ms la mano de obra y calcule
el monto total a facturarle al cliente. Recordar sumar el 13% de IVA

2. Un cliente se acerca a un banco a realizar 3 transacciones: pago de ANDA, cambio del

cheque de su salario y depsito de $25 a su cuenta de ahorros. Calcular cunto dinero
gast y cunto lleva en su bolsillo, luego de su visita al banco.

20
3. Dados los nombres de gasolinera y el precio de gasolina sper, regular y de diesel,
imprimir los precios de cada combustible y el nombre de la gasolinera respectiva.

4. Leer 10 notas (de A a E) y los nombres de sus respectivos estudiantes. Imprimir los
nombres y las notas de cada uno.

5. El Departamento de Sismologa de la Escuela de Ingeniera Civil de la Facultad de

Ingeniera y Arquitectura de la Universidad de El Salvador, necesita una solucin que le
permita registrar la magnitud de los sismos que acontecen diariamente. Es decir, cada
vez que haya un sismo, se debe de registrar su magnitud. Al final del da se desea
imprimir la cantidad de sismos acontecidos.

6. La tiendita de la esquina necesita llevar el control de las bebidas vendidas diariamente y

separarlas por tipo (agua, jugo, gaseosa y cerveza) y precio (0.30, 0.60, 0.50, 0.75,
respectivamente. Adems si es envase de plstico o de vidrio. Al final del da se solicitar
la cantidad total vendida y el total de dinero recogido.

7. Crear un programa que simule una calculadora capaz de sumar, restar , multiplicar, y
dividir dos dgitos:

21