Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

CONTROLES TREEVIEW Y LISTVIEW

797 views

Published on

DEFINICIONES,CLASIFICACION,CARACTERISTICAS,EJEMPLOS CODIGOS, AGREGAR, ELIMINAR

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

CONTROLES TREEVIEW Y LISTVIEW

  1. 1. CONTROL TREEVIEW Muestra una jerarquía de nodos CARACTERISTICAS  Cada nodo de la vista de árbol puede contener otros nodos, llamados nodos secundarios.  Los nodos primarios, o nodos que contienen nodos secundarios, se pueden mostrar expandidos o contraídos.  También puede mostrar una vista de árbol con casillas junto a los nodos estableciendo la propiedad CheckBoxes de la vista de árbol en true
  2. 2.  El control TreeView se utiliza para mostrar representaciones jerárquicas de artículos similares a las formas en que los archivos y carpetas se muestran en el panel izquierdo del Explorador de Windows. Cada nodo puede contener uno o más nodos hijos.
  3. 3. PROPIEDADES MAS USADAS Las propiedades mas usadas del control TreeView son: La propiedad nodes Contiene la lista de nodos de nivel superior de la vista de árbol. La propiedad selectednode Establece el nodo actualmente seleccionado. Puede mostrar iconos junto a los nodos. El control usa las imágenes de la ImageList con nombre en la propiedad ImageList de la vista de árbol. La propiedad ImageIndex establece la imagen predeterminada de los nodos en la vista de árbol.
  4. 4.  El control TreeView permite la presentación de datos en forma de un árbol, idéntica a la de los archivos y carpetas en el explorador de Windows. Se representa cada elemento en forma de un nodo que puede contener eventualmente nodos hijos. Cada elemento puede visualizarse de forma desarrollada o reducida por medio del signo (más (+) o menos (-)) que aparece al lado de cada nodo. La propiedad Nodes contiene la lista de todos los nodos de primer nivel del árbol. Cada uno de ellos dispone también de una propiedad Nodes, que almacena a su vez la lista de todos sus nodos hijos y así sucesivamente hasta el último nivel del árbol.
  5. 5. LA INSERCIÓN DE NODO EN EL ÁRBOL MEDIANTE CÓDIGO ES UN POCO MÁS COMPLEJA.  El botón Agregar raíz añade un elemento raíz a la propiedad Nodes del control TreeView. Para cada elemento, conviene también indicar su título mediante la propiedad Text, la imagen que aparecerá en el nodo mediante la propiedad ImageIndex, así como la imagen visualizada cuando el nodo está seleccionado en el árbol mediante la propiedad SelectedImageIndex. La creación de un nodo puede tomar las dos formas siguientes. TreeNode nodo; nodo = new TreeNode(“Twingo”); o TreeNode nodo; nodo = new TreeNode(“Twingo”, 2, 3); para AÑADIR un hijo a la segunda raíz del árbol, utilizaremos el siguiente código : treeView1.Nodes[1].Nodes.Add(nodo); También puede SUPRIMIR un nodo mediante código utilizando el método RemoveAt de la colección correspondiente. treeView1.Nodes[0].Nodes.RemoveAt(0);
  6. 6. EJEMPLO DE AGREGAR NODOS EN TREEVIEW Me.TreeView1.Nodes.Add("all programs") Me.TreeView1.Nodes.Item(0).Nodes.Add("Accessories") Me.TreeView1.Nodes.Item(0).Nodes.Add("Android SDK Tools") Me.TreeView1.Nodes.Item(0).Nodes.Add("Autodesk") Me.TreeView1.Nodes.Item(0).Nodes.Item(0).Nodes.Add("AutoCAD 2011 English") Me.TreeView1.Nodes.Item(0).Nodes.Add("Bently") Me.TreeView1.Nodes.Item(0).Nodes.Add("Microsoft Office"
  7. 7. CONTROL LISTVIEW  El control ListView se utiliza para mostrar una lista de elementos  Puede usar una vista de lista para crear una interfaz de usuario similar al panel derecho del Explorador de Windows  permite mostrar en forma de lista una jerarquía de elementos. Estos pueden ser una colección de objetos, registros de una base de datos
  8. 8.  Propiedad View: perimite Diferentes vistas  Vista de íconos grandes: Los elementos de la lista, se mostrarán utilizando una imagen que se carga de un control image list. La imagen representa un ícono "grande" con un nombre del elemento. Los elementos se pueden arrastrar y soltar dentro del control a una nueva ubicación, cambiarles el nombre del elemento, como si fuese un ícono común y corriente al mejor estilo del escritorio de windows. Sin ir mas lejos el control que utiliza windows para mostrar el escritorio es control list view pero que obviamente no fue programado en visual basic.  Vista de íconos pequeños: La vista es igual a la Vista de íconos grandes, con la diferencia que el elemento se asocia a una imagen mas pequeña que se encuentra cargada en un Image list.  Vista lista: los elementos se visualizan en una lista sin poder arrastrar los elementos en el control.  Vista detallada: los elementos poseen una vista detallada de la información. El mejor ejemplo para entender este listado sería observar el explorador de windows en vista detalle, donde cada archivo directorio nos muestra información extra del mismo, como por ejemplo el tamaño, la fecha de modificación y el tipo de archivo. Es decir que en la vista detalle cada elemento del listado posee además sub elementos o sub ítems asociados al elemento.  Cabe aclarar que el uso de imágenes para asociar los elementos en los distintos tipo de listado es opcional
  9. 9. O ES LO MISMO QUE USAR LOS MODOS  El modo LargeIcon muestra iconos grandes junto al texto de los elementos; si el control es lo suficientemente grande, los elementos aparecen en varias columnas.  El modo SmallIcon es igual, pero muestra iconos pequeños.  El modo List muestra iconos pequeños, pero siempre en una sola columna.  El modo Details muestra los elementos en varias columnas. Para obtener información detallada
  10. 10. AGREGAR Y QUITAR ELEMENTOS EN EL CONTROL LISTVIEW  MEDIANTE CODIGO Agregar Utilice el método Add de la propiedad Items. ListView1.Items.Add("List item text", 3)  MEDIANTE CODIGO Eliminar Utilice el método RemoveAt o Clear de la propiedad Items. El método RemoveAt quita un solo elemento; el método Clear quita todos los elementos de la lista. ListView1.Items.RemoveAt(0) ListView1.Items.Clear()
  11. 11. ESTABLECER UNA COLUMNA Y UN TIPO DE VISTA MEDIANTE CODIGO El control listview puede mostrar varias columnas para cada elemento de la lista. Puede utilizar las columnas para mostrar al usuario información de diversos tipos acerca de cada elemento de la lista 1. Establezca la propiedad View del control en Details. 2. Utilice el método Add de la propiedad Columns de la vista de la lista. Código ListView1.View = View.DetailsListView1.Columns.Add("File type", 20, HorizontalAlignment.Left)

×