Listview e ImageList

Por Gastón Lucas Levy Gegati, José Brian Cohen Falah y Darío Susnisky

Introducción

Los listviews son una especie de listas que muestran datos. Las mismas pueden ser divididas por campos y tomar varias vistas como ya veremos. Las imagelists son un recurso que permiten tener cargadas en la misma varias imágenes de diferentes tamaños. Estas pueden ser relacionadas con los listviews para mostrar imágenes en ellos.

Inclusión de los elementos

Para incluir los listviews y las imagelists en nuestra barra de herramientas hay que hacer lo siguiente:

3- En la barra de herramientas se agregaran varios elementos 1- Entramos de entre los cuales en Project, y destacaremos: luego en 2- Agregamos “Microsoft Windows components Common Controls 6.0 (SP6)” (Ctrl+T) Listview Imagelist

Imagelist
Al agregar un imagelist en el Form (como cualquier otro objeto), aparecerá este icono:
En algún sentido, el imagelist funciona como un timer, al ejecutar el programa no se verá el icono. A los Imagelists se les puede poner un nombre. Para su configuración, tocamos click derecho y propiedades. Luego aparecerá esta imagen:

Primero debemos elegir el Una vez hecho esto, nuestro la solapa images, Tocando en tamaño de las imágenes que Imagelist ya está configurado. imágenes elegimos que cargaremos para luego cargaremos en este Imagelist determinar si es un icono y le pondremos un Index para chico(16x16) o un icono que cada imagen tenga un grande(32x32) código

Listview
A un listview, también se le puede poner nombre, y al insertarlo se verá algo asi:
También hay que configurarlo tocando click derecho, y luego propiedades. En En solapaen la solapa que la la primer pantalla Al tocar “Column Headers” elegiremos Lists” dos cosas a veremos,lo quepodemos “Image hay luego van representar los campos. Index un importantes, las gridlines, y elegir que imagelist hecho esto, la configuración Una vez representa el numero las campo, combo que cambia de Views. representa a ya estará terminada. las text el nombre y son importantes Estas 2 cosas con width el imágenes pequeñas, y ancho de la columna. Con “Insert y ya veremos lo que hacen. que imagelist representa Column” imágenes normales. Esto también puede ser a las se insertara un campo nuevo. El primer campo va a ser programado el más importante porque estará siempre visible.

Cargar items
Al cargar items en la lista, a cada “fila” se le pondrá un nombre Luego se cargara el item: Se indica que el “Listitem” alumno, sera agregado a los items del ListView1 En el primer espacio se indicara el index, en el segundo el key (los dejaremos vacíos), en el tercero se pondrá el texto que figurara, en el cuarto el numero de imagen cargado en la Imagelist cargada para imágenes normales, y en el quinto el numero de imagen cargado en el imagelist para imágenes pequeñas. Para indicar que texto ira en los siguientes items se programa así:

Items cargados
Los items cargados, se veran así según la vista: Vista Informe:

Iconos Grandes:

Iconos Pequeños:

Lista:

En iconos grandes e iconos pequeños se pueden desplazar los iconos por el listview. Para gridlines (lineas en la se hace asi: Las programar las vistas “Vista Informe”) se programan asi:

Eliminar Items
Para eliminar Items seleccionados del listview se programa así:

Dentro del paréntesis se indica el index del registro. Al escribir lo que esta escrito dentro del paréntesis directamente se transfiere el index del item seleccionado.

Ordenar

Aquí veremos como hacer para ordenar los datos según la columna elegida:

Se puede ordenar de mayor a inferior o viceversa que se determina con las opciones lvwAscending o lvwDescending. Para determinar por que columna se va a ordenar hay que cambiar el sortkey por el ColumnHeader que se envía al clickear en la columna. Se le resta 1 al mismo porque empieza desde del 0.

MUCHAS GRACIAS
 

Esta Presentación fue realizada por:

Darío, Brian y Gastón