USO DE UN CONTROL LISTVIEW

7
Desarrollo de Aplicaciones con C# Corporación Blaise Pascal USO DE UN CONTROL LISTVIEW Un control ListView permite mostrar una lista de elementos con texto y, de forma opcional, con un icono que identifique el tipo de elemento. Por ejemplo, la lista de archivos del Explorador de Windows es similar en apariencia a un control ListView. Muestra una lista de los archivos y carpetas seleccionados actualmente en el árbol. Cada archivo y cada carpeta muestran un icono asociado para ayudar a identificar el tipo de archivo o carpeta. La clase ListViewItem representa un elemento dentro de un control ListView. Representa un control de vista de lista de Windows, el cual muestra una colección de elementos que se pueden ver mediante una de cuatro vistas distintas. A continuación mencionamos algunas propiedades de un control listview Name: indica el nombre utilizado en el código para identificar el objeto FullRowSelect: indica si al seleccionarse se resaltan todos los sub elementos junto al elemento seleccionado. DISEÑAMOS LA SIGUIENTE INTERFAZ Instructor: Hilber Pinedo Méndez [email protected] TxtApellidos TxtNombres CboSexo TxtTelefono BtnAgregar BtnEliminar BtnSalir Agregar U n Control DateTimePicker Para la fecha de nacimiento Cambie la propiedad Agregar un control listview De el cuadro de herramientas: asignar en name : Lvdatos

Transcript of USO DE UN CONTROL LISTVIEW

Page 1: USO DE UN CONTROL  LISTVIEW

Desarrollo de Aplicaciones con C# Corporación Blaise Pascal

USO DE UN CONTROL LISTVIEW

Un control ListView permite mostrar una lista de elementos con texto y, de forma opcional, con un icono que identifique el tipo de elemento. Por ejemplo, la lista de archivos del Explorador de Windows es similar en apariencia a un control ListView. Muestra una lista de los archivos y carpetas seleccionados actualmente en el árbol. Cada archivo y cada carpeta muestran un icono asociado para ayudar a identificar el tipo de archivo o carpeta. La clase ListViewItem representa un elemento dentro de un control ListView.

Representa un control de vista de lista de Windows, el cual muestra una colección de elementos que se pueden ver mediante una de cuatro vistas distintas.

A continuación mencionamos algunas propiedades de un control listview

Name: indica el nombre utilizado en el código para identificar el objeto FullRowSelect: indica si al seleccionarse se resaltan todos los sub elementos junto al elemento

seleccionado.

DISEÑAMOS LA SIGUIENTE INTERFAZ

Ojo AGREGAR UN IMAGELIST Y AGREGAR ICONOS

Instructor: Hilber Pinedo Méndez Sugerencias a : E-mail: [email protected]

TxtApellidos TxtNombres CboSexo TxtTelefono

BtnAgregar BtnEliminar BtnSalir

Agregar U n Control DateTimePicker

Para la fecha de nacimiento

Cambie la propiedad

Format seleccione la opción Short

Agregar un control listview

De el cuadro de herramientas: asignar en name : Lvdatos

Page 2: USO DE UN CONTROL  LISTVIEW

Desarrollo de Aplicaciones con C# Corporación Blaise Pascal

ANTES DE CODIFICAR LOS BOTONES AGREGAR Y ELIMINAR CONFIGURAREMOS EL CONTROL LISTVIEW

Pasos:

1. Clic en tareas de Listview que se sitúa en la esquina superior derecha seleccionando un list view:

En la opción vista seleccionar Details En ImageList Pequeña seleccionar el control imagelist que Ud. agrego al proyecto con los iconos ya adjuntados (en este paso estamos enlazando el imagelist con el listview)

2. De las tareas de de Listview clic en editar columnas como se muestra en la siguiente imagen( agregaremos todas las columnas de acuerdo a nuestra aplicación código, apellidos, nombres, sexo fecha de nacimiento telefono)

Mostrara la siguiente ventana (editor de la colección del columnheader)

Instructor: Hilber Pinedo Méndez Sugerencias a : E-mail: [email protected]

Page 3: USO DE UN CONTROL  LISTVIEW

Desarrollo de Aplicaciones con C# Corporación Blaise Pascal

Clic en agregar y se mostrar la primera columna para el listview(configurar sus propiedades)

Una vez agregado una columna automáticamente se mostrara las propiedades de esa columna:

En la propiedad text escribir el nombre de encabezado de la columna (en este ejemplo sera Código como se muestra en la imagen).

La propiedad ImageKey te permitirá seleccionar el icono del imagelist La propiedad Width definirá en ancho de la columna ( en este primer ejemplo aplicar

100). La propiedad textalign definirá la alineación del texto de la columna

Instructor: Hilber Pinedo Méndez Sugerencias a : E-mail: [email protected]

Page 4: USO DE UN CONTROL  LISTVIEW

Desarrollo de Aplicaciones con C# Corporación Blaise Pascal

SI DESEA ELIMINAR LA COLUMNA HAGA CLIC EN EL BOTON QUITAR

SIGA AGREGANDO SIGUIENDO LOS MISMOS PASOS COMO EN EL EJEMPLO ANTERIOR HASTA QUE SU DISEÑO QUEDE DE LA SIGUIENTE FORMA(las columnas del listview)

3. Seleccionar el listview y aplicar true a la propiedad GridLines4. Agregar un label con el nombre :LblCodigo y en la propiedad text colocar 1 colocar en

cualquier parte del diseño seleccionar la propiedad visible y colocar en false

5. Programar las siguientes funciones ( a contincuacion del InitializeComponent)

Instructor: Hilber Pinedo Méndez Sugerencias a : E-mail: [email protected]

Page 5: USO DE UN CONTROL  LISTVIEW

Desarrollo de Aplicaciones con C# Corporación Blaise Pascal

6. Programar el botón agregar

Instructor: Hilber Pinedo Méndez Sugerencias a : E-mail: [email protected]

OJO EL TEXTO DE COLOR VERDE ES DE GUIA Y SON COMENTARIOS SI DESEA UD LOS PUEDE ESCRIBIR PARA SABER LO QUE HACE CADA LINEA SINO SOLO ESCRIBIR LAS FUNCIONES LO QUE SE MUESTRA ENTRE LLAVES

Page 6: USO DE UN CONTROL  LISTVIEW

Desarrollo de Aplicaciones con C# Corporación Blaise Pascal

7. CODIGO BOTON ELIMINAR

8. CODIGO BOTON SALIRClose();

EJECUTE LA APLICACIÓN Y LLENE DATOS Fuentes:http://msdn.microsoft.com/es-es/library/system.windows.forms.listview(VS.80).aspxhttp://www.elguille.info/Profesional CSharp 2 da Edicion www.wrox.comwww.lawebdelprogramador.comNOTA: si desea copiar esta aplicación Deje los créditos al autor

Instructor: Hilber Pinedo Méndez Sugerencias a : E-mail: [email protected]