You are on page 1of 16

Indice del manual sobre el Control ToolBar

Descripción del control ToolBar

Página de propiedades

Enlazar el ImageList con el control ToolBar

Propiedades mas importantes de los Toolbar

Estilos de los botones ( propiedad Style )

Propiedad HotImageList

Evento ButtonClick

Objeto Buttons

Ejemplo para agregar, eliminar y acceder a los botones en tiempo de
ejecución

Enlazar un ImageList en tiempo de ejecución

Evento ButtonDropDown

Toolbar mediante CommandButton

Enalces de íconos para usar con el toolbar

1 - Descripción del control ToolBar
Mediante este control de Visual Basic, podemos incorporar a nuestros formularios,
barras de herramientas.
Este se incluye en el paquete o conjunto de controles ocx contenidos en el archivo
Comctl32.ocx, llamado Microsoft Windows Common Control y que se incorpora a
un proyecto desde el menú componentes.

otra botones y otra imagen: . se nos abrirá una ventana para configurar el mismo. contiene tres solapas: una llamada General.Página de propiedades Mediante la Opción Custom o Personalizado del control. Esta ventana o " página de propiedades " se puede acceder el menú desplegable al hacer click derecho sobre el control ToolBar Esta página.Una vista previa del control ToolBar: 2 .

Indicar el control ImageList que esté enlazado a la barra y varias otras opciones Vista de la solapa General: En cambio la solapa Botones permite añadir. eliminar. establecer un estilo y otras opciones solo para los botones de la barra de herramientas. como por ejemplo el ancho y alto de todos los botones de la barra. el alineamiento del texto (propiedad Alignment). Vista previa de esta ficha .La solapa General es para configurar aspectos y características del ToolBar en "general".

es decir al formulario  Cargamos en el Imagelist las imágenes que contendrán los botones del toolbar . En este enlace hay una guía básica de este control : Uso del control ImageList de visual basic Pasos para enlazar un ImageList  Primero Agregamos un control Imagelist y un Control Toolbar al proyecto. si es que se desea visualizar imágenes en el mismo ( lo mas habitual ).Enlazar el ImageList con el control ToolBar El ToolBar.3 . es necesario que esté enlazado por lo menos con un control imagelist.

la clave (key) o la propiedad index de la imagen del Imagelist.  Key: clave única o identificador del botón. Para poder visualizarlas debemos indicar en la propiedad "Image" de la solapa Botones .Propiedades mas importantes de los Toolbar Descripción de algunas propiedades mas importantes de la solapa General y botones  Caption: Es la leyenda o título que mostrará el botón. También es válido utilizar la propiedad Key para asociar los gráficos. el botón que queremos que contenga esa imagen debe tener el mismo índice. y mediante la opción "Quitar Botón" podemos eliminarlos. Lo seleccionamos de la lista para que quede enlazado al control ToolBar. Desde la ficha Custom del ToolBar en la opción Imagelist (como muestra la imagen superior en la solapa general ). Por ejemplo si tengo una imagen de una "Lupa". la barra muestra los mismos pero sin visualizar las imágenes que habíamos cargadado en el imagelist. el imagelist que insertamos en el formulario. es recomendable utilizar la propiedad key de la imagen en el ImageList . para referenciar y enlazar el botón de una manera mas fácil. si en el ImageList tengo una imagen que tiene el Index 1. Nota: Para realizar el paso anterior. para luego poder referenciarlo mediante código y para enlazarlas con los gráficos del . A medida que agregamos botones y aplicamos los cambios. veremos que aparece en el combo desplegable. Es decir. 4 . Si utilizamos un botón pequeño generalmente no se utiliza esta propiedad. es mas práctico asignarle en la propiedad key del imagelist la clave "buscar" o "búsqueda" y luego en el botón que mostrará la imagen colocamos dicha clave en la propiedad Image del botón de la barra. que la utilizaré para buscar un archivo.  Para crear los botones de la barra vamos a la solapa "Botones" y mediante el botón "Insertar Botón" podemos incorporar los mismos a la barra. para hacer una referencia a la misma.

Tbrbuttongroup: grupo de botones en el que solo uno puede estar presionado.Sin alineación (por defecto se alinea arriba).  Image: índice de la imagen que se encuentra en el image list. 1 .Estilos de los botones. que no está en el cuadro de diálogo Custom. y tiene cinco posibles valores: 0 . 5 .Top (arriba).Right (derecha). 3 Left (izq) y 4 . Tbrcheck: determina si el botón está presionado o normal.  Border style: determina si la barra tiene o no bordes. se utiliza para determinar la ubicación de la barra en el formulario.  TextAligment: determina la alineación del texto dentro de cada botón. 2 . 3.  Aligment: Esta propiedad importante. propiedad Style Mediante la propiedad Style de la pestaña botones . podemos definir el estilo que tendrá el mismo.ImageList (también como se dijo se puede enlazar con la propiedad Index)  Style: Esta propiedad es para modificar el estilo visual del botón.Bottom (abajo). . Sus principales valores son: 1.  ToolTipTex: texto de ayuda que aparece cuando nos situamos sobre el mismo. Tbrdefault: botón común 2.

Propiedad HotImageList Mediante la misma podemos establecer un control ImageList que contendrá los gráficos para cuando se haga un MouseOver ( Se pase el mouse por encima del botón ). Para hacer esto es muy simple. tbrDropDwn: Es para añadir un menú a un botón en particular al pulsarlo 6 . Uno para cargar los gráficos que mostrarán los botones en el estado normal ( Propiedad ImageList) y otro el otro para HotImageList Como se ve en este gráfico. 5.4. visualiza el gráfico correspondiente: En este enlace podés ver este mismo ejemplo: Descargar 7 . el botón de flecha al tener el mouse encima. Tblseparator: el botón actúa como separador para dar una interface mas organizada.Evento ButtonClick . solo hay que utilizar dos controles ImageList.

Este evento se dispara o se produce cada ves que se hace un click sobre un botón de la barra de herramientas. vb te despliega la lista de propiedades. colocá en un ToolBar una serie de botones y agregale algunas propiedades a cada uno: como el caption. podemos acceder a varias opciones y propiedades del botón que se ha pulsado. Como te abrás dado cuenta. Otro ejemplo que no tiene mucho sentido. Ahora colocale en cada botón un valor en la propiedad Caption. Este evento tiene un parámetro llamado Button que nos permite acceder a las propiedades y objetos del botón en el cual se hizo el Click. Pega el siguiente código: Private Sub Toolbar1_ButtonClick(ByVal Button As MSComctlLib." luego de la palabra Button. como muestra el siguiente gráfico Mediante el objeto Button. al escribir el ". pero para que te des una idea de esta propiedades. colocale algunos botones (para este ejemplo no es necesario las imagenes). . Un ejemplo: Colocá un Control ToolBar.Button) MsgBox Button. una descripción y una clave.Caption End Sub Lo anterior lo que hace es mostrar un mensaje con la propiedad Caption del botón que se pulsó.

Index 'Mostramos el valor de la propiedad Key del botón pulsado MsgBox Button.Button) 'Mostramos el Caption del botón pulsado MsgBox Button.Key End Sub Otro Ejemplo para realizar acciones de acuerdo al botón pulsado: Para poder responder a las acciones cuando hacemos click en un botón: Private Sub toolbar_buttonclick(ByVal button As mscomctllib.Key .Description 'Mostramos el Valor de la propiedad Index del botón MsgBox Button.Luego el siguiente código en el formualrio Private Sub Toolbar1_ButtonClick(ByVal Button As MSComctlLib.button) Select Case button.Caption 'Mostramos la propiedad Description (si es que tiene establecida) MsgBox Button.

Case "abrir" 'Una acción apara el botón Abrir Case "buscar" 'Para el botón Buscar Case "imprimir" '.button) Select Case button.Etc End Select End Sub En el ejemplo anterior tenemos un procedimiento llamado Toolbar_ButtonClick que lleva como parámetro el botón que presionamos.. Si quisiéramos consultar o ejecutar una acción determinada de la misma manera que el caso anterior pero utilizando la propiedad Index de cada botón sería de esta forma: Private Sub toolbar_buttonclick(ByVal button As mscomctllib. Anteriormente debemos haberle establecido un valor a cada Key de cada botón. Luego por medio de una estructura Select-Case consultamos que valor ejecutar mediante la clave del botón. si no no entrará nunca a la opción que queremos ejecutar.Index Case 0 'Una acción para el boton que tiene el index con el valor 0 Case 1 'Una acción para el boton que tiene el index con el valor 1 ..

Un ejemplo para ver estos métodos y propiedades del objeto Buttons para trabajar en tiempo de ejecución . 9 .Objeto Buttons El objeto Button tiene una serie de propiedades y métodos para trabajar en tiempo de ejecución:  Método Add: Permite agregar botones  Método Remove: Elimina un botón  Método Clear: Elimina todos lo botones del ToolBar  Propiedad Count: Nos informa la cantidad de botones que contiene el Toolbar  Propiedad Item: Permite hacer referencia a un botón en particular para poder acceder a sus propiedades.Case 2 'Una acción para el boton que tiene el index con el valor 2 End Select End Sub 8 .

btn3..Buttons. "botón" & i Next End Sub 'Bootón que elimina '-------------------Private Sub Command2_Click() Dim i As Integer 'Eliminamos todos los botones del ToolBar en tiempo de ejecución 'Recorriendolos en un bucle y los eliminamos refiriendonos al índice 'De cada botón . es decir sin ningún botón. 'Bootón que agrega '-------------------Private Sub Command1_Click() Dim i As Integer 'Agregamos 5 botones al ToollBar en tiempo de ejecución For i = Toolbar1. btn1.Buttons. etc.Buttons.Count To Toolbar1.Colocá un control ToolBar vacío el formulario. Luego agrega 2 CommandButton.. btn2. El Command1 cada ves que lo presiones agregará 5 botones a la barra en tiempo de ejecución. Toolbar1. "btn" & i.Add .Count + 5 'btn es la clave y se le agrega el valor i que se va _ incrementando. el Command2 eliminará todos los botones recorriendo mediante un bucle desde el primer botón hasta el último que se obtiene con la propiedad Count.

Si no se especifica se agrega al final. "Caption". Image es la imagen que mostrará. Es el único parámetrop que requiere. El Style es el tipo de botón. El primero es el índice del botón. el 1 es para botones de tipo Check etc.Buttons.Buttons.Add "Index"..Buttons.For i = 0 To Toolbar1. solo llamarlo para poder eliminar los mismos 10 . 0 es normal. debemos indicar una que esté contenida en un control ImageList que previamente debe estar enlazado al ToolBar. y este es obligatorio Nota: si se desea eliminar todos los botones podemos utilizar el método Clear del objeto Buttons. "Style". El Key es la clave única del botón para identificarlo y poder manipularlo. (los valores los podés ver desde la ventana Custom en la opción botones).Remove ("btn" & i) Next End Sub El ejemplo anterior agrega con el método Add los botones al ToolBar. "Image" Todos los parámetros estos son opcionales.Count . El Caption es la leyenda que muestra.Enlazar un ImageList en tiempo de ejecución . "Key". este no requiere parámetros.1 Toolbar1. Este método posee 5 parámetros que son: Toolbar1. En cambio el método Remove solo requiere del Index o el Key para eliminar un botón.

Image = 1 11 .ImageList = ImageList1 ' Indicamos la imagen que tendrá el botón _ haciendo referencia a la clave de imagen Toolbar1. También podemos pasarle el índice (la propiedad Index).Image = "LaClave" Donde dice "LaClave" . se refiere al Key de la imagen que está en el ImageList.Evento ButtonDropDown Este evento funciona de forma similar que el evento ButtonClick.Buttons.Item(1).ImageList = ImageList1 Toolbar1.Item(1). Toolbar1. El DropDown es el siguiente estilo: .Buttons. podemos hacerlo de esta forma: 'Indicamos el ImageList Toolbar1.Para enlazar en tiempo de ejecución un ImageList con el ToolBar para poder cargar una imagen.

La ventana es esta: Nota: Este control tiene bastantes mas opciones de las que se describieron y esto es solo un pantallazo de algunas de sus principales características .Estos submenues que se pueden añadir a los botones de menú se configuran desde la opción Custom. luego se selecciona el botón que se quiere añadir este estilo. en la pestaña botones. y luego en la parte inferior se pueden añadir botones de manera similar a los botones comunes. en el combo Style se selecciona "DropDown".

como por ejemplo : Lv Buttons. MouseOver.. Iconos de 16 pixeles Iconos de 32 pixeles y esta página hay otros enlaces : Pack de íconos y enlaces con código fuente relacionado . image.Enalces de íconos Desde estos links podés descargar conjuntos de archivos de íconos ( formato . botones etc.. Commandbutton con degradado . Botones estilo office . varios ejemplos relacionados : Página de enlaces de ejemplos y controles para implementar barras de herramientas en vb 13 . Vista previa de ejemplo : Este toolBar está realizado con el control llamado Chamaleon Button control También podés ver en los siguientes enlaces.12 . picturebox . etc. Estos controles permiten establecer a los botones colores personalizados para el BackColor. control Is Button.Toolbar mediante CommandButton También otra forma de simular Barras de herramientas personalziadas. es mediante algún control ocx para Commandbutton. asignarles algún estilo predeterminado etc.ico de 256 colores ) para poder usar con el control ToolBar y otros controles de imagen como ListView..