Vous êtes sur la page 1sur 10

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

Imagelist utilizando ListView Cargar imágenes en un control Imagelist para poder utilizarlo con el ListView Este
  • 1 Richard Najarro Talaverano

Imagelist utilizando ListView

Pasos Para Configurar el Listview:

1 er Paso. Vista: Details
1 er Paso.
Vista: Details

2 do Paso.

Small Imagelis: ImageLits1 Large Imagelis: ImageLits1
Small Imagelis: ImageLits1
Large Imagelis: ImageLits1
  • 2 Richard Najarro Talaverano

Imagelist utilizando ListView

3 er Paso. Editar Columnas
3 er Paso.
Editar Columnas

4 to Paso.

Adicionar Columna
Adicionar Columna
  • 3 Richard Najarro Talaverano

Imagelist utilizando ListView

5 to Paso. Elegimos la Imagen en la Cabecera de Columna 6 to Paso.
5 to Paso.
Elegimos la Imagen en la
Cabecera de Columna
6 to Paso.
Acá Tenemos nuestro Gridview, ya todas las columnas insertadas.
Acá Tenemos nuestro
Gridview, ya todas las
columnas insertadas.
  • 4 Richard Najarro Talaverano

Imagelist utilizando ListView

FullRowSelect: True GridLines: True
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.
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 lv = Me.LitEmpleados.Items.Add(CodGenrado)'Adicionando el 1 er item lv.ImageIndex = conta lv.SubItems.Add(txtnombre.Text) 'Adicionando el 2 do 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.
Comprobamos que el registro fue
agregado.
Seleccionamos al empleado que deseamos eliminar.
Seleccionamos al empleado que
deseamos eliminar.
  • 7 Richard Najarro Talaverano

Imagelist utilizando ListView

Saldrá un mensaje de afirmación para eliminar, solo aceptamos
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 Empleado?" Dim Caption As String = "Empleado"

..

Eliminar

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

Imagelist utilizando ListView Propiedad SelectedItems Para conocer el elemento que se encuentra seleccionado, podemos consultar la
  • 10 Richard Najarro Talaverano