Imagelist utilizando ListView

Cargar imágenes en un control Imagelist para poder

utilizarlo con el ListView
Este es un ejemplo de cómo utilizar el componente Listview. En este artículo te muestro
como agregar y eliminar datos a dicho componente, y también el uso de ImageList1, que
en este ejemplo lo utilizo para calcular la edad.

Bueno espero que les sea de su utilidad.

GroupBox
TextBox
MaskedTextBox

DateTimePicker

ComboBox
Button

ListView

Antes de comenzar a configurar el control, si se va a utilizar imágenes para los elementos,

debemos cargar las mismas en un control ImageList.

1 Richard Najarro Talaverano

 Imagelist utilizando ListView

Pasos Para Configurar el Listview:

1er Paso.

Vista: Details

2do Paso.

Small Imagelis: ImageLits1

Large Imagelis: ImageLits1

2 Richard Najarro Talaverano

 Imagelist utilizando ListView

3er Paso.

Editar Columnas

4to Paso.

Adicionar Columna

3 Richard Najarro Talaverano

 Imagelist utilizando ListView

5to Paso.

Elegimos la Imagen en la
Cabecera de Columna

6to Paso.

Acá Tenemos nuestro

Gridview, ya todas las
columnas insertadas.

4 Richard Najarro Talaverano

 Imagelist utilizando ListView

FullRowSelect: True
GridLines: True

Otras propiedades del control listview

• LabelEdit: valor booleano que determina si el usuario puede o no cambiar el texto

de los elementos ( Solo de lectura en tiempo)
• Multiselect:determina si el usuario puede hacer selección múltiple de elementos
• Chekboxes: establece una caja de verificación para cada elemento de la lista.
• FullRowSelect: Propiedad que determina si al seleccionar un elemento en la vista
detalle, se selecciona la fila completamente
• GridLines: Propiedad que determina si el control muestra las líneas divisorias a
modo de grilla
• Font : Establece y devuelve la fuente del control
• FullRowSelect: Devuelve o establece si al seleccionar una columna se resalta la
fila entera.
• Sorting : Permite ordenar el ListView . Indica si los elementos se ordenan
automáticamente de forma alfabética ( utilizar con SortKey y SortOrder )

5 Richard Najarro Talaverano

 Imagelist utilizando ListView

Ejemplo del control listview

Agregamos el primer registro.

Public conta As Integer

Public CodGenrado As String = ""
Private Sub btnagregar_Click(ByVal sender As System.Object, ByVal e
As System.EventArgs) Handles btnagregar.Click
conta = conta + 1
'capturando el año del sistema
Dim año As Integer = Date.Now.Year
Dim lv As New ListViewItem
'Generando el codigo
CodGenrado = año.ToString() & "-" & conta
er
lv = Me.LitEmpleados.Items.Add(CodGenrado)'Adicionando el 1 item
lv.ImageIndex = conta
do
lv.SubItems.Add(txtnombre.Text) 'Adicionando el 2 Subitem
lv.SubItems.Add(txtapellido.Text)
''calculando la edad del empleado
Dim edad As Integer = DateDiff(DateInterval.Year,
DateTiempo.Value, Date.Now)
lv.SubItems.Add(edad)
lv.SubItems.Add(cbosexo.Text)
lv.SubItems.Add(MskTelefono.Text)
lv.SubItems.Add(MskCelular.Text)
lv.SubItems.Add(txtdireccion.Text)
lv.SubItems.Add(txtcorreo.Text)
'llamando al procedimiento limpiar
Call Limpiar()
End Sub

6 Richard Najarro Talaverano

 Imagelist utilizando ListView

Comprobamos que el registro fue

agregado.

Seleccionamos al empleado que

deseamos eliminar.

7 Richard Najarro Talaverano

 Imagelist utilizando ListView

Saldrá un mensaje de afirmación

para eliminar, solo aceptamos

Private Sub Btnquitar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)

Handles Btnquitar.Click
Try
'Inicializacion de variables para pasar al método
MessageBox.Show.
Dim Message As String = "Usted Esta Seguro.. Eliminar
Empleado?"
Dim Caption As String = "Empleado"
Dim Buttons As MessageBoxButtons = MessageBoxButtons.YesNo
Dim Result As DialogResult
'Muestra el MessageBox
Result = MessageBox.Show(Message, Caption, Buttons)
'Obtiene el resultado de la pantalla de mensaje.
If Result = System.Windows.Forms.DialogResult.Yes Then
'Eliminando el Empleado Seleccionado
For i As Integer = 0 To LitEmpleados.SelectedItems.Count- 1
LitEmpleados.SelectedItems(i).Remove()
Next
End If
Catch ex As Exception

End Try
End Sub

8 Richard Najarro Talaverano

 Imagelist utilizando ListView

'Procedimiento Limpiar
Sub Limpiar()
'Limpiando toda las cajas de texto
Dim ctrl As Control
For Each ctrl In GroupBox1.Controls
If TypeName(ctrl) = "TextBox" Then
ctrl.Text = ""
ElseIf (TypeName(ctrl) = "MaskedTextBox") Then
ctrl.Text = ""
End If
Next ctrl
DateTiempo.Value = Date.Now
cbosexo.SelectedIndex = -1
txtnombre.Focus()

End Sub

'Boton Salir
Private Sub btnsalir_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles btnsalir.Click
'saliendo del sistema
End
End Sub

Verificamos que el empleado fue

eliminado.

9 Richard Najarro Talaverano

 Imagelist utilizando ListView

Propiedad SelectedItems

Para conocer el elemento que se encuentra seleccionado, podemos consultar la

propiedad Selecteditems.
Este ejemplo muestra mediante un mensaje el texto del Ítem seleccionado:

Private Sub LitEmpleados_SelectedIndexChanged(ByVal sender As Object,

ByVal e As System.EventArgs) Handles LitEmpleados.SelectedIndexChanged
Try
MsgBox("El Valor Seleccionado:" &
LitEmpleados.SelectedItems(0).Text)
Catch ex As Exception
End Try
End Sub

10 Richard Najarro Talaverano