Sección de códigos , trucos y ejemplos para visual basic


513 - Ejemplo VB y base de datos - Listview con Tabla Clientes + ícono con letras para los Nombres de cada cliente..

<Volver> - Anterior - Siguiente



 

 

Contenido:

 

 

 

 

 


Descripción del Ejemplo..

Este código fuente es un ejemplo útil para mejorar la interfaz gráfica de nuestra aplicaciones en visual basic.

El ejemplo carga en un control Listview una simple tabla llamada Clientes.

A cada Cliente ( En la primer Columna ), se le cargará un ícono que representa (mediante la letra) el nombre del cliente, similar a como lo hace cualquier agenda de un teléfono celular de hoy en día, por ejemplo Android, o incluso aplicaciones web como el cliente de correo Gmail, Outlook etc ..

ejemplo formulario vb base de datos listview

 

El ejemplo es bastante simple y funciona de esta manera.

1 - Se carga la tabla Cliente con una rutina que recorre en un bucle.

2 - En el proyecto hay un Imagelist enlazado al listview con todas las letras desde la A hasta la Z. (como Key o clave de cada imagen del ImageList se le asigna la letra. Esa clave o key será fundamental para luego asociarla a cada item del listview a medida que se vá cargando)

imagelist enlazado al l istview

3 - Entonces, a medida que se recorre el bucle, antes de agregar el registro al listview, se obtiene la primer letra del cliente y en base a eso luego se asigna la imagen correspondiente a ese Item del Listview..

Cómo se obtiene la primer letra del nombre del cliente? simple, con una sóla línea de Código, esta es una forma, seguramente hay otra u otras:

'Obtenemos Clave con la letra para asignar la imagen
sKeyIcon = LCase(Left$(rs.Fields(1), 1))

En sKeyIcon se guardará la primer letra del nombre, donde rs.Fields(1) es el cambo 'Clientes' de la Tabla. en el limagelist, cada icóno tiene como clave la letra. Luego es cuestión de pasarla como parámetro en el AddItem del ListView.

Importante: El ejemplo es muy simple, al abrirlo parecerá un poco más complejo por que incluye un Módulo de clase que permite modificar la apariencia del Listview ( Módulo cSubclassListView), como si fuese un Skin. También hay una pequeña rutina para modificar el borde exterior del control Listview, y otra rutina para mostrar el detalle al costado derecho del formulario. ( Cómo se ve en las capturas de imagen )

Igualmente a continuación puedes descargar 2 proyectos.

El completo que es exactamente el que muestra las capturas de pantalla utilizando el skin para el Listview, y otro muy reducido para ver Sólo el funcionamiento básico y de esta forma no marearnos a la hora de implementarlo en otro formulario que ya tengamos implementado.

Descargar los Código fuente..

1 - Descargar Proyecto completo con Skin de Listview.

2 - Descargar Proyecto reducido ( Solo Carga la tabla clientes y asigna la letra ícono a cada item )

 

Nota: Aquí puedes ver otro ejemplo muy similar para otras tablas en sistemas de bases de datos: Artículos, Stock etc ..


Relacionados



Buscar en Recursos vb