Imagelist utilizando ListView

1 Richard Najarro Talaverano

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.

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 .

MaskedTextBox TextBox

GroupBox

DateTimePicker

ComboBox

ListView

Button

Imagelist utilizando ListView

2 Richard Najarro Talaverano

Pasos Para Configurar el Listview:

1er Paso.

2do Paso.

Vista: Details

Small Imagelis: ImageLits1 Large Imagelis: ImageLits1

Imagelist utilizando ListView

3 Richard Najarro Talaverano

3er Paso.

4to Paso.

Editar Columnas

Adicionar Columna

Imagelist utilizando ListView

4 Richard Najarro Talaverano

5to Paso.

6to Paso.

Elegimos la Imagen en la Cabecera de Columna

Acá Tenemos nuestro Gridview, ya todas las columnas insertadas.

Imagelist utilizando ListView

5 Richard Najarro Talaverano

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 )

FullRowSelect: True GridLines : True

Imagelist utilizando ListView

6 Richard Najarro Talaverano

Ejemplo del control listview

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 lv = Me.LitEmpleados.Items.Add(CodGenrado)'Adicionando el 1er item lv.ImageIndex = conta lv.SubItems.Add(txtnombre.Text) 'Adicionando el 2do 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

Agregamos el primer registro.

Imagelist utilizando ListView

7 Richard Najarro Talaverano

Comprobamos que el registro fue agregado.

Seleccionamos al empleado que deseamos eliminar.

Imagelist utilizando ListView

8 Richard Najarro Talaverano

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

Saldrá un mensaje de afirmación para eliminar, solo aceptamos

Imagelist utilizando ListView

9 Richard Najarro Talaverano

'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.

Imagelist utilizando ListView

10 Richard Najarro Talaverano

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