Control ColumnView

ColumnView




Este control se utiliza para mostrar datos en forma de tablas.

Algunas de sus propiedades mas utilizadas son:

Background
Sirve para especificar el color del fondo del control

Border
Establece si el control llevara “true” o no llevara “false” bordes


Enable
Especifica si el control esta habilitado “true” o no estará habilitado “false”


Font
Cambia el tipo de letra, tamaño, negrita, subrayado, tachado, cursiva, etc.


Foreground
Cambia el color de la letra

Header
Sirve para especificar si el control llevara cabecera . Es decir que si lleva los nombres de la columnas.

Height
Contiene el alto del control

Mode
Sirve para especificar si las filas pueden ser seleccionadas

Contiene tres tipos de modos:
- None “Ninguna de las filas del control podrán ser seleccionadas”
- Multiple “Se podrá seleccionar varias filas del control”
- Single “Solo se podrá seleccionar una fila del control”


ScrollBar
Especifica si el control llevara Barras de desplazamiento horizontal, vertical o ninguna.

Contiene tres opciones:
- Both “Contiene ambas Barras de desplazamiento”
- Horizontal “Contendrá solo la barra de desplazamiento Horizontal”
- None “No tendrá ninguna barra de desplazamiento”
- Vertical “Tendrá solo la barra de desplazamiento Vertical”

ToolTip
Sirve para mostrar un mensaje cuando el mouse se encuentre arriba del control.

Visible
Establece si el control sera Visible “true” o Invisible “false”

Width
Contiene el ancho del control

X
Posición del control en el eje de las X

Y
Posición del control en el eje de las Y

Para este tipo de control se debe comenzar:
- Especificando las cuantas columnas vas a utilizar
- Especificar el nombre de cada columna, su ancho, su alineación.
- Se debe Agregar un dato con un Key o clave para seguir agregando los siguientes datos.

Todos estos procedimientos se hacen mediante código

Ejemplos

1) Se debe crear un ColumnView y un button
En el button se le cambiara la propiedad Text a Agregar Datos
El Formulario mas o menos quedará como muestra la imagen



En el evento Open del formulario “Click derecho en el formulario / Eventos / Open” se comenzara a codificar el Header de ColumnView

PUBLIC SUB Form_Open()
'Estableces cuantas columnas vas a utilizar en este caso 3
ColumnView1.Columns.Count = 3
'Primera columna
'Establece el nombre de la primera columna
ColumnView1.Columns[0].Text = "Nombre"
'El Ancho de la primera columna
ColumnView1.Columns[0].Width = 200
'La Alineación del texto en este caso izquierdo
ColumnView1.Columns[0].Alignment = 1

'Segunda columna
'Establece el nombre de la segunda columna
ColumnView1.Columns[1].Text = "Apellido"
'El Ancho de la segunda columna
ColumnView1.Columns[1].Width = 200
'La Alineación del texto en este caso derecho
ColumnView1.Columns[1].Alignment = 2

'Tercera Columna columna
'Establece el nombre de la tercera columna
ColumnView1.Columns[2].Text = "Edad"
'El Ancho de la tercera columna
ColumnView1.Columns[2].Width = 200
'La Alineación del texto en este caso centrado
ColumnView1.Columns[2].Alignment = 3
END

En el button se escribirá el código para agregar un dato a la columnview1

PUBLIC SUB Button1_Click()
'Agregarle Datos a la ColumnView1
'Agrego el primer dato "José" con un key "0" para después seguir agregando mas datos
ColumnView1.Add(0, "José")
'Agrego otro dato especificando el key y la columna. key "0", columna "1"
ColumnView1[0][1] = "Chen"
'Agrego otro dato especificando el key y la columna. key "0", columna "2"
ColumnView1[0][2] = "20"
'Para seguir agregando mas datos se debe cambiar el valor del key ya que sino mandara un error Ejemplo.
'Agrego el primer dato "Marta" con un key "1" para después seguir agregando mas datos
'ColumnView1.Add(1, "Marta")
'Agrego otro dato especificando el key y la columna. key "1", columna "1"
'ColumnView1[1][1] = "Tuñon"
'Agrego otro dato especificando el key y la columna. key "1", columna "2"
'ColumnView1[1][2] = "42"
END

Ya el programa se podrá ejecutar y ver como se llena el columnview1.

2) Ejemplo de como agregar datos y imagen “nombre, edad, sexo, teléfono, rango - imagen” a un columnview1

Este ejemplo se encuentra en el proyecto para descargar

Descargar Ejemplos