Instructor: Jorge Luis Vizcarra Crdenas

Curso: Visual Basic Avanzado Sesin 03

Tema: Uso de los Controles TreeView y ListView

TEORA

CONTROL TREEVIEW:

Muestra una coleccin jerrquica de elementos con etiquetas, representado cada uno por un

TreeNode. Un objeto TreeNode representa un nodo.

La coleccin Nodes contiene todos los objetos TreeNode asignados al control TreeView.A los

nodos de rbol de esta coleccin se les conoce como los nodos de rbol raz. Cualquier nodo de

rbol que se agregue posteriormente a un nodo de rbol raz se conoce como nodo secundario.

Como cada TreeNode puede contener una coleccin de otros objetos TreeNode, puede ser difcil

determinar la ubicacin en la estructura de rbol cuando se recorre la coleccin en iteracin. Se

puede analizar la cadena TreeNode.FullPath usando el valor de la cadena PathSeparator para

determinar dnde empieza y termina una etiqueta TreeNode.

Se pueden mostrar imgenes junto a los nodos del rbol asignando un ImageList a la propiedad

ImageList y haciendo referencia al valor de ndice de una Image de ImageList para asignar esa

Image.Utilice las propiedades siguientes para asignar las imgenes:

Establezca la propiedad ImageIndex en el valor de ndice de la Image que desea que se

muestre cuando no est seleccionado un nodo de rbol.

Establezca la propiedad SelectedImageIndex en el valor de ndice de la Image que desea

que se muestre cuando no est seleccionado un nodo de rbol.

Las imgenes a las que hacen referencia los valores de las propiedades ImageIndex y

SelectedImageIndex son las imgenes predeterminadas que muestran todos los nodos de rbol

asignados a la coleccin Nodes.Los nodos de rbol individuales pueden reemplazar las imgenes

predeterminadas estableciendo las propiedades TreeNode.ImageIndex y

TreeNode.SelectedImageIndex.

Los nodos de rbol se pueden expandir para mostrar el siguiente nivel de nodos de rbol

secundarios.El usuario puede expandir el TreeNode haciendo clic en el botn con el signo ms (+),

si se muestra al lado del TreeNode, o se puede expandir el TreeNode llamando al mtodo

TreeNode.Expand. Para expandir todos los niveles de nodos de rbol secundarios de la coleccin

Nodes, llame al mtodo ExpandAll. El nivel secundario del TreeNode se puede contraer llamando

al mtodo TreeNode.Collapse, o el usuario puede presionar el botn con el signo menos (-) si se

muestra al lado del TreeNode. Tambin se puede llamar al mtodo TreeNode.Toggle para alternar

los estados de rbol expandido y contrado.

Instructor: Jorge Luis Vizcarra Crdenas

Si se desea, los nodos de rbol pueden mostrar casillas.Para mostrar casillas, establezca la

propiedad CheckBoxes de la TreeView en true.La propiedad Checked se establece en true para

nodos de rbol en estado activado.

La apariencia del control TreeView se puede cambiar estableciendo algunas de sus propiedades de

presentacin y estilo.Si se establece ShowPlusMinus en true, se muestra un botn con el signo

ms (+) o con el signo menos (-) junto a cada TreeNode que se puede expandir o contraer, segn

corresponda.Si se establece la propiedad ShowRootLines en true, la TreeView muestra lneas que

unen entre s todos los nodos de rbol raz.Se pueden mostrar lneas que unan los nodos de rbol

secundarios con su correspondiente nodo raz estableciendo la propiedad ShowLines en true. Si se

establece la propiedad HotTracking en true, cambia la apariencia de las etiquetas de nodo de rbol

cuando el puntero del mouse pasa sobre ellas.Cuando se hace un seguimiento completo de las

etiquetas de los nodos de rbol, dichas etiquetas tienen el aspecto de un hipervnculo. Tambin se

puede personalizar totalmente la apariencia del control TreeView. Para ello, establezca la

propiedad DrawMode en un valor distinto de TreeViewDrawMode. Normal y controle el evento

DrawNode.

CONTROL LISTVIEW:

Representa un control de vista de lista de Windows, el cual muestra una coleccin de elementos

que se pueden ver mediante una de cuatro vistas distintas.

Un control ListView permite mostrar una lista de elementos con texto y, de forma opcional, con un

icono que identifique el tipo de elemento.Por ejemplo, la lista de archivos del Explorador de

Windows es similar en apariencia a un control ListView.Muestra una lista de los archivos y

carpetas seleccionados actualmente en el rbol.Cada archivo y cada carpeta muestra un icono

asociado para ayudar a identificar el tipo de archivo o carpeta.La clase ListViewItem representa un

elemento dentro de un control ListView.Los elementos que se muestran en la lista se pueden

presentar en una de cinco vistas distintas.Se pueden mostrar como iconos grandes, como iconos

pequeos o como iconos pequeos en una lista vertical.Los elementos tambin pueden tener

subelementos que contengan informacin relacionada con el elemento primario.La vista de

detalles permite mostrar el elemento y sus subelementos en una cuadrcula con encabezados de

columna que identifican la informacin que se presenta en un subelemento.La vista en mosaico,

que tiene una disponibilidad limitada tal como se describe ms abajo, permite mostrar el

elemento y sus subelementos como un mosaico que contiene un icono grande junto a la

informacin textual.ListView admite una seleccin nica o mltiple.La caracterstica de seleccin

mltiple permite a los usuarios hacer su seleccin en una lista de elementos de forma similar a un

control ListBox.Adems, el usuario puede activar elementos seleccionados para realizar una

tarea.Por ejemplo, se puede utilizar un control ListView para mostrar una lista de archivos que la

aplicacin puede abrir y utilizar.El usuario puede seleccionar los archivos que desea abrir y, a

continuacin, hacer doble clic en ellos para activar los elementos y abrir los archivos en la

aplicacin.El ListView tambin puede mostrar casillas, mediante la propiedad CheckBoxes, para

Instructor: Jorge Luis Vizcarra Crdenas

permitir al usuario activar los elementos sobre los que desea realizar una accin.El control

ListView se puede utilizar de diversas formas.Por ejemplo, para mostrar informacin de una

aplicacin, una base de datos o un archivo de texto.El ListView tambin se puede utilizar para

obtener informacin suministrada por el usuario, como la seleccin de un conjunto de archivos

para su procesamiento.

ListView ofrece un gran nmero de propiedades que proporcionan flexibilidad a la apariencia y al

comportamiento. La propiedad View permite cambiar la forma en la que se muestran los

elementos.Las propiedades LargeImageList, SmallImageList y StateImageList permiten especificar

los objetos ImageList que contienen las imgenes que se muestran para los elementos y, en el

caso del StateImageList, las casillas que se muestran cuando la propiedad CheckBoxes est

establecida en true. Para determinar los elementos activados, puede utilizar la propiedad

CheckedItems para obtener acceso a la coleccin ListView.CheckedListViewItemCollection.La

propiedad Columns permite obtener acceso al ListView.ColumnHeaderCollection, el cual almacena

los encabezados de columna que se muestran cuando la propiedad View del control est

establecida en Details.Los elementos se agregan y se quitan del ListView mediante la propiedad

Items.La propiedad Items permite obtener acceso al ListView.ListViewItemCollection del control,

el cual proporciona mtodos para manipular los elementos del control.Si desea permitir al usuario

editar el texto de un elemento, puede utilizar la propiedad LabelEdit.Cuando el control contiene

un gran nmero de elementos, a veces es ms sencillo para el usuario verlos de forma

ordenada.Se puede utilizar la propiedad Sorting para ordenar los elementos alfabticamente.

Tambin se puede personalizar totalmente la apariencia de un control ListView.Para ello,

establezca el valor de la propiedad OwnerDraw en true y controle uno o varios de los siguientes

eventos: DrawItem, DrawSubItem y DrawColumnHeader.

Muchas de las propiedades del control ListView se utilizan cuando la propiedad View est

establecida en Details. La propiedad AllowColumnReorder permite al usuario del control ListView

volver a configurar el orden de las columnas en tiempo de ejecucin.La propiedad FullRowSelect

permite seleccionar un elemento y sus subelementos en lugar de slo el elemento.Para mostrar

lneas de cuadrcula en la vista de detalles que identifiquen los lmites de los elementos y

subelementos en el ListView, se puede usar la propiedad GridLines. La propiedad HeaderStyle

permite especificar el tipo de encabezado de columna que se va a mostrar.

Un control ListView puede funcionar en modo virtual, donde los objetos ListViewItem se generan

dinmicamente en vez de almacenarse en la coleccin de Items.Esto puede ser til para ocuparse

de listas muy largas o cuyo contenido cambie frecuentemente .Para habilitar el modo virtual,

establezca la propiedad VirtualMode en true y controle los eventos RetrieveVirtualItem,

CacheVirtualItems y SearchForVirtualItem.

Adems de las distintas propiedades disponibles para un control ListView, existen mtodos y

eventos que la aplicacin puede utilizar para proporcionar funciones adicionales al ListView.Los

mtodos BeginUpdate y EndUpdate permiten mejorar el rendimiento cuando se agregan muchos

elementos a un control ListView, impidiendo que se vuelva a dibujar el control cada vez que se

agrega un elemento.Si el control ListView muestra elementos y subelementos, es posible que

Instructor: Jorge Luis Vizcarra Crdenas

desee proporcionar alguna funcionalidad cuando el usuario haga clic con el botn secundario del

mouse en un subelemento.Para determinar el elemento en cuyo subelemento se est haciendo

clic, se puede utilizar el mtodo GetItemAt.Al realizar la validacin de los elementos despus de

que el usuario los haya editado, es posible que desee mostrar un elemento especfico al usuario

para que lo cambie.Se puede llamar al mtodo EnsureVisible para garantizar que el elemento

especfico se encuentre en el rea visible del control.

Si la propiedad LabelEdit est establecida en true, se pueden realizar tareas como la validacin del

texto editado antes y despus de cambiarlo mediante la creacin de un controlador de eventos

para los eventos BeforeLabelEdit y AfterLabelEdit.Para realizar tareas como la apertura de un

archivo o la presentacin de un cuadro de dilogo para editar un elemento mostrado en un

ListView, puede crear un controlador de eventos para el evento ItemActivate.Si permite al usuario

ordenar los elementos de un ListView al hacer clic en un encabezado de columna, puede crear un

controlador de eventos para el evento ColumnClick que realice la ordenacin.Cuando la propiedad

CheckBoxes est establecida en true, puede determinar cundo se ha producido un cambio en el

estado de activacin de un elemento mediante el control del evento ItemCheck.

Tambin puede establecer una imagen de fondo para ListView con la propiedad

BackgroundImage.La aplicacin debe tener STAThreadAttribute en su mtodo Main para mostrar

correctamente la imagen de fondo para el control ListView.Adems, si un control ListView con una

imagen de fondo se hospeda en Internet Explorer, para garantizar que la imagen de fondo se

muestra correctamente hay que especificar la versin 6.0 de comctl32.dll como el ensamblado

dependiente en el archivo de manifiesto de aplicacin.

INFORMACIN ADICIONAL:

Para obtener informacin adicional respecto al control Treeview, puede seguir este link:

http://msdn.microsoft.com/es-es/library/system.windows.forms.treeview.aspx

Para obtener informacin adicional respecto al control ListView, puede seguir el siguiente

link: http://msdn.microsoft.com/es-es/library/system.windows.forms.listview.aspx

Fuente:

Instructor: Jorge Luis Vizcarra Crdenas

CREANDO UNA APLICACIN DE EJEMPLO:

Construir un visor de unidades de almacenamiento, carpetas y archivos de la PC

1. Inicie Visual Studio 2008 y cree un nuevo proyecto basado en la plantilla Aplicaciones de

Windows Forms

2. Cree la siguiente Interfaz de Usuario, (Controles utilizados: Panel(3), Button (2),

ComboBox(1), TreeView(1), ListView(1). El Instructor le indicar el proceso de creacin de

la Interfaz, incluyendo cambio de nombre en los objetos.

3. Haga Doble click en el botn titulado Crear y en el evento, escriba el siguiente cdigo,

antes de escribir este cdigo, asegrese que incluir la llamada al espacio de nombres

System.IO para poder utilizarla en esta aplicacin:

Instructor: Jorge Luis Vizcarra Crdenas

4. Haga doble click en el control Treeview y escriba el siguiente cdigo en el evento

5. Defina la Funcin CleanPath como se muestra a continuacin

6. Haga doble click en el ComboBox de la parte superior de su formulario y en el evento

escriba el siguiente cdigo:

No olvide habilitar el espacio de Nombres System.IO al inicio de su cdigo

Pruebe el formulario y verifique que pueda desplazarse entre unidades de almacenamiento y

carpetas de su computadora.