OBJETIVOS

! "
! # $% $
" &'

REQUERIMIENTOS

SOFTWARE
Microsoft Visual Studio 2005
.NET FrameWork 2.0

DESCRIPCIÓN

En este tutorial se va a revisar la forma de trabajar con aplicaciones

gráficas en C#.

ACTIVIDAD 1 – CREACIÓN DEL PROYECTO

Vamos a crear un nuevo proyecto del tipo Aplicación para Windows tal y
como se indica en la siguiente figura:

Lo anterior permite que se genere un formulario que responde al esquema

general de una ventana en Windows. Su formulario debería tener una
apariencia similar a la que se indica en la siguiente figura:
ACTIVIDAD 2 – DISEÑANDO EL FORMULARIO

Ahora, a través del cuadro de herramientas vamos a diseñar el formulario.

Primero se va a agregar un control del tipo TableLayoutPanel, se
encuentra disponible en el cuadro de herramientas en la sección de
Contenedores tal y como se indica en la siguiente figura:

(
Vamos a ir a Propiedades del control y vamos a ajustar, tanto las
columnas como las filas como se indica en las siguientes figuras:

)
El formulario que se va a diseñar debería quedar con un aspecto similar
al que se indica en la siguiente figura:

En el formulario anterior se distinguen cuatro tipos de controles: Label,

TextBox, Button. La siguiente tabla indica los nombres que se van a usar
en el resto del tutorial para hacer referencia a los controles.

CONTROL NOMBRE
TextBox para el nombre txt_nombre
TextBox para el sueldo txt_sueldo
Button para agregar bt_agregar
Button para limpiar bt_limpiar

*
ACTIVIDAD 3 – PROGRAMANDO EVENTOS

La funcionalidad asociada a los botones será la siguiente:

Clic en el botón Agregar implica agregar el empleado a una lista de

empleados de forma de poder mostrar luego los antecedentes de todos los
empleados de la lista.

Clic en el botón Limpiar implica borrar los datos que han sido ingresados
al formulario.

Vamos a partir por la programación del evento asociado al botón limpiar.

Para lo anterior, al doble clic sobre el botón Limpiar se accede al
editor de código, en donde debería aparecer una pantalla como la que se
indica a continuación:

Desde acá vamos a programar el evento que se llevará a cabo cuando se

haga clic sobre el botón limpiar. Para lo anterior vamos a agregar las
siguientes líneas de código:

+
,
-
Ahora corresponde programar el evento para el botón Agregar. Antes de eso
vamos a agregar algunas clases que serán necesarias para trabajar con la
lista de empleados.

ACTIVIDAD 4 – AGREGANDO CLASES DE NEGOCIO

Vamos a agregar al proyecto una carpeta llamada negocio y dentro de esa

carpeta vamos a agregar dos clases tal y como se indica en las siguientes
figuras:

.
/
ACTIVIDAD 5 – AGREGANDO EMPLEADOS A LA LISTA

Antes de continuar vamos a agregar una fila más al TableLayoutPanel una

nueva fila y vamos a agregar un control del tipo Label donde vamos a
desplegar el total de empleados que se encuentran presentes en la lista.
A este label le llamaremos lbTotal. Considerando lo anterior, la
programación del evento del clic sobre el botón agregar debería quedar
como lo indica la siguiente figura:

0
Ejecute su proyecto hasta ahora y vea como se van agregando empleados a
la lista, lo que queda en evidencia cuando se actualiza el label que
contiene el total de empleados de la lista.

ACTIVIDAD 6 – DESPLEGAR EL CONTENIDO DE LA LISTA

Vamos a modificar el diseño del formulario para incluir un nuevo control

del tipo DataGridView que permitirá ver los elementos que vamos a ir
agregando a la lista.

Ahora agregamos, usando el cuadro de herramientas, un control del tipo

DataGridView y deshabilitamos las opciones que se encuentran marcadas en
la figura:
El nombre del control será GVEmpleados.

Ahora vamos a agregar algunas líneas de código para que a medida que se
agreguen empleados a la lista se vayan mostrando en el DataGridView.

Primero, agregamos un atributo al formulario que representa la tabla de

datos de asociada al GridView y se tiene:

En la figura anterior es posible apreciar la incorporar el atributo y la

creación de las columnas que forman parte de la tabla.

Ahora debemos modificar el código asociado al evento clic del botón

Agregar y se tiene:

(
Luego se agrega al final del método las siguientes líneas de código:

Si ahora se ejecuta el proyecto se tiene que al agregar elementos a la

lista se van desplegando en el control DataGridView que hemos agregado al
formulario.

ACTIVIDAD 7 – DESPLEGAR EL CONTENIDO DE LA LISTA DE ACUERDO A UN CRITERIO

Vamos a modificar, nuevamente el diseño del formulario para agregar un

botón que permita desplegar en el DataGridView la nómina de los empleados
que tienen el mayor sueldo.

El nuevo control del tipo Button se llamará bt_ver y al programar su

evento se tienen las siguientes líneas de código:

)
*