Tema: Listview y TreeView

Objetivo: Desarrollar aplicaciones utilizando componentes avanzados

Listview
El control ListView es un control de lista que tiene mucha versatilidad, se puede utilizar hasta en 4 vistas diferentes: LargeIcon, Details, SmallIcon y List (Iconos grandes, Detalle, Iconos pequeos y Lista). Las mismas opciones estn incluidas en el botn Vistas del Explorador de Windows. El control ListView se usa generalmente ligado a una o dos Listas de Imgenes incluidas en controles ImageList, estos permiten mostrar los conos de cada elemento cuando se selecciona las opciones de LargeIcon y SmallIcon. El control ListView presenta una lista de elementos que son heredados de la clase ListViewItem, cada uno de estos elementos a su vez tiene Subelementos (SubItems), que van relacionados con el ListViewItem respectivo. En la vista Detalle (propiedad View en la opcin Details) permite mostrar el control con los ListViewItem y los SubItems respectivos en una cuadricula similar a un control Grid (control DataGridview). En esta vista se muestran los encabezados de cada columna (coleccin Columns) donde podemos asignar nombres a las mismas, un texto que se mostrar en cada una as como el ancho. Como en todo control de Lista los elementos del control ListView se agregan a la coleccin tems. Propiedad AllowColumnReorder GridLines FullRowSelect HeaderStyle Descripcin Permite ordenar los tems incluidos Cuando est en True permite mostrar lneas de divisin. Permite seleccionar el tem con todos los SubItems que dependen de este Permite especificar el estilo de los encabezados de las columnas.

Aplicacin 1
Desarrollar una aplicacin que nos permita agregar y eliminar los datos de un alumno en un listview.

Docente: Marcos Vivar de la Cruz

Pgina 1

Solucin 1
Name: Gbxdatos Name: txtcod Name: txtape Name: txtnom Name: txtedad Name: cbosexo

Name: lstv1

Name: gbxopc

Name: btnnuevo

Name: btngrabar Name: btneliminar Name: btnsalir

Para definir a las columnas del Listview:

Clic derecho sobre el objeto: Listview, se visualiza el siguiente men contextual:

Clic en: Editar Columnas

Docente: Marcos Vivar de la Cruz

Pgina 2

Se visualiza la siguiente pantalla y agregar las siguientes columnas:

Columna Columnheader1 Columnheader2 Columnheader3 Columnheader4 Columnheader5

Text Cdigo Apellidos Nombres Edad Sexo

Width 100 150 150 80 50

Se genera un objeto litem de tipo ListviewItem, que permita controlar al objeto: Listview Public Class Frmcontrol Dim litem As New ListViewItem Btnnuevo Click Private Sub btnnuevo_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnnuevo.Click txtcod.Text = "" txtape.Text = "" txtnom.Text = "" txtedad.Text = "" cbosexo.Text = "" txtcod.Focus() End Sub BtnGrabar Click Private Sub btngrabar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btngrabar.Click litem = New ListViewItem(txtcod.Text) litem.SubItems.Add(txtape.Text) litem.SubItems.Add(txtnom.Text) litem.SubItems.Add(txtedad.Text) litem.SubItems.Add(cbosexo.Text) lstv1.Items.Add(litem) End Sub Btneliminar Click Private Sub btneliminar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btneliminar.Click If lstv1.SelectedItems.Count - 1 >= 0 Then Dim i As Integer With lstv1 For i = .SelectedItems.Count - 1 To 0 Step -1 .Items.Remove(.SelectedItems.Item(i)) Next End With Else MessageBox.Show("Seleccione Una Fila", "Pulse Clic En Aceptar")

Docente: Marcos Vivar de la Cruz

Pgina 3

End If End Sub Btnsalir Click Private Sub btnsalir_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnsalir.Click End End Sub Grabar y Ejecutar La Aplicacin

Ejercicio Propuesto Desarrollar una aplicacin con los datos de un docente Desarrollar una aplicacin con los detalles de un libro

Docente: Marcos Vivar de la Cruz

Pgina 4

Treeview
Aplicacin 2 Desarrollar una aplicacin con el objeto treeview, deber que imprimir el ndice y el texto del nodo seleccionado.

Solucin 2 Name: Frmcontrol1

Name: txtindice Name: trv1 Objeto: Treeview Name: txtcurso

Para los nodos principales y secundarios del objeto: Treeview, se realiza los siguientes pasos: Clic derecho en el objeto: Treeview (trv1) Se visualiza lo siguiente:

Clic en: Editar Nodos

Docente: Marcos Vivar de la Cruz

Pgina 5

Se visualiza la siguiente pantalla:

Texto Del Nodo

Nodos Principales

Nodos Secundarios

Frmcontrol1 Activated Private Sub Frmcontrol1_Activated(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Activated txtcurso.Focus() txtindice.Text = "" txtcurso.Text = "" End Sub Trv1 AfterSelect
Private Sub trv1_AfterSelect(ByVal sender As System.Object, ByVal e As System.Windows.Forms.TreeViewEventArgs) Handles trv1.AfterSelect

txtindice.Text = trv1.SelectedNode.Index (Se captura el ndice del nodo) txtcurso.Text = trv1.SelectedNode.Text (Se Captura el texto del nodo)
End Sub

Ejercicio Propuesto Desarrollar una aplicacin que permita listar con el treeview lo siguiente: Nodo Principal Redes Sociales Nodo Secundario Facebook Twitter Sonico Hi5 Google Buscador Google El Comercio Rpp Noticias Accin Terror Comedia Suspenso

Pginas De Bsqueda Pginas De Informacin

Videos

Docente: Marcos Vivar de la Cruz

Pgina 6

Drama

Docente: Marcos Vivar de la Cruz

Pgina 7