Indice del manual sobre el Control ToolBar

Descripcin del control ToolBar

Pgina 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

ejecucin

Enlazar un ImageList en tiempo de ejecucin

Evento ButtonDropDown

Toolbar mediante CommandButton

Enalces de conos para usar con el toolbar

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

Una vista previa del control ToolBar:

2 - Pgina de propiedades
Mediante la Opcin Custom o Personalizado del control, se nos abrir una ventana
para configurar el mismo. Esta ventana o " pgina de propiedades " se puede acceder
el men desplegable al hacer click derecho sobre el control ToolBar
Esta pgina, contiene tres solapas: una llamada General, otra botones y otra imagen:

La solapa General es para configurar aspectos y caractersticas del ToolBar en

"general", como por ejemplo el ancho y alto de todos los botones de la barra, el
alineamiento del texto (propiedad Alignment), 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 aadir, eliminar, establecer un estilo y otras

opciones solo para los botones de la barra de herramientas.

Vista previa de esta ficha

3 - Enlazar el ImageList con el control ToolBar

El ToolBar, si es que se desea visualizar imgenes en el mismo ( lo mas habitual ), es

necesario que est enlazado por lo menos con un control imagelist. En este enlace hay
una gua bsica 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, es decir al formulario

Cargamos en el Imagelist las imgenes que contendrn los botones del

toolbar

Desde la ficha Custom del ToolBar en la opcin Imagelist (como

muestra la imagen superior en la solapa general ), veremos que
aparece en el combo desplegable, el imagelist que insertamos en el
formulario. Lo seleccionamos de la lista para que quede enlazado al
control ToolBar.

Para crear los botones de la barra vamos a la solapa "Botones" y

mediante el botn "Insertar Botn" podemos incorporar los mismos
a la barra, y mediante la opcin "Quitar Botn" podemos eliminarlos.

A medida que agregamos botones y aplicamos los cambios, la barra muestra los
mismos pero sin visualizar las imgenes que habamos cargadado en el imagelist.
Para poder visualizarlas debemos indicar en la propiedad "Image" de la solapa
Botones , la clave (key) o la propiedad index de la imagen del Imagelist, para hacer
una referencia a la misma. Es decir, si en el ImageList tengo una imagen que tiene el
Index 1, el botn que queremos que contenga esa imagen debe tener el mismo ndice.
Tambin es vlido utilizar la propiedad Key para asociar los grficos.
Nota: Para realizar el paso anterior, es recomendable utilizar la propiedad key de la
imagen en el ImageList . Por ejemplo si tengo una imagen de una "Lupa", que la
utilizar para buscar un archivo, es mas prctico asignarle en la propiedad key del
imagelist la clave "buscar" o "bsqueda" y luego en el botn que mostrar la imagen
colocamos dicha clave en la propiedad Image del botn de la barra, para referenciar y
enlazar el botn de una manera mas fcil.

4 - Propiedades mas importantes de los Toolbar

Descripcin de algunas propiedades mas importantes de la solapa General y botones

Caption: Es la leyenda o ttulo que mostrar el botn. Si utilizamos un

botn pequeo generalmente no se utiliza esta propiedad.

Key: clave nica o identificador del botn, para luego poder

referenciarlo mediante cdigo y para enlazarlas con los grficos del

ImageList (tambin como se dijo se puede enlazar con la propiedad

Index)

Style: Esta propiedad es para modificar el estilo visual del botn.

Image: ndice de la imagen que se encuentra en el image list.

ToolTipTex: texto de ayuda que aparece cuando nos situamos sobre

el mismo.

Border style: determina si la barra tiene o no bordes.

TextAligment: determina la alineacin del texto dentro de cada

botn.

Aligment: Esta propiedad importante, que no est en el cuadro de

dilogo Custom, se utiliza para determinar la ubicacin de la barra en
el formulario, y tiene cinco posibles valores: 0 - Sin alineacin (por
defecto se alinea arriba), 1 - Top (arriba), 2 - Bottom (abajo), 3 Left
(izq) y 4 - Right (derecha).

5 - Estilos de los botones, propiedad Style

Mediante la propiedad Style de la pestaa botones , podemos definir el estilo que

tendr el mismo. Sus principales valores son:

1. Tbrdefault: botn comn

2. Tbrcheck: determina si el botn est presionado o normal.
3. Tbrbuttongroup: grupo de botones en el que solo uno puede
estar presionado.

4. Tblseparator: el botn acta como separador para dar una

interface mas organizada.
5. tbrDropDwn: Es para aadir un men a un botn en particular
al pulsarlo

6 - Propiedad HotImageList
Mediante la misma podemos establecer un control ImageList que contendr los
grficos para cuando se haga un MouseOver ( Se pase el mouse por encima del
botn ).
Para hacer esto es muy simple, solo hay que utilizar dos controles ImageList. Uno para
cargar los grficos que mostrarn los botones en el estado normal ( Propiedad
ImageList) y otro el otro para HotImageList
Como se ve en este grfico, el botn de flecha al tener el mouse encima, visualiza el
grfico correspondiente:

En este enlace pods ver este mismo ejemplo:

Descargar

7 - Evento ButtonClick

Este evento se dispara o se produce cada ves que se hace un click sobre un botn de
la barra de herramientas.
Este evento tiene un parmetro llamado Button que nos permite acceder a las
propiedades y objetos del botn en el cual se hizo el Click.
Un ejemplo: Coloc un Control ToolBar, colocale algunos botones (para este ejemplo no
es necesario las imagenes). Ahora colocale en cada botn un valor en la propiedad
Caption. Pega el siguiente cdigo:

Private Sub Toolbar1_ButtonClick(ByVal Button As MSComctlLib.Button)

MsgBox

Button.Caption

End Sub

Lo anterior lo que hace es mostrar un mensaje con la propiedad Caption del botn que
se puls. Como te abrs dado cuenta, al escribir el "." luego de la palabra Button, vb te
despliega la lista de propiedades, como muestra el siguiente grfico

Mediante el objeto Button, podemos acceder a varias opciones y propiedades del

botn que se ha pulsado.
Otro ejemplo que no tiene mucho sentido, pero para que te des una idea de esta
propiedades, coloc en un ToolBar una serie de botones y agregale algunas
propiedades a cada uno: como el caption, una descripcin y una clave.

Luego el siguiente cdigo en el formualrio

Private Sub Toolbar1_ButtonClick(ByVal Button As MSComctlLib.Button)

'Mostramos el Caption del botn pulsado

MsgBox Button.Caption
'Mostramos la propiedad Description (si es que tiene establecida)
MsgBox Button.Description
'Mostramos el Valor de la propiedad Index del botn
MsgBox Button.Index
'Mostramos el valor de la propiedad Key del botn pulsado
MsgBox Button.Key
End Sub

Otro Ejemplo para realizar acciones de acuerdo al botn pulsado:

Para poder responder a las acciones cuando hacemos click en un botn:

Private Sub toolbar_buttonclick(ByVal button As mscomctllib.button)

Select Case button.Key

Case "abrir"
'Una accin apara el botn Abrir
Case "buscar"
'Para el botn Buscar
Case "imprimir"
'...Etc
End Select
End Sub

En el ejemplo anterior tenemos un procedimiento llamado Toolbar_ButtonClick que

lleva como parmetro el botn que presionamos. Luego por medio de una estructura
Select-Case consultamos que valor ejecutar mediante la clave del botn.
Anteriormente debemos haberle establecido un valor a cada Key de cada botn, si no
no entrar nunca a la opcin que queremos ejecutar. Si quisiramos consultar o
ejecutar una accin determinada de la misma manera que el caso anterior pero
utilizando la propiedad Index de cada botn sera de esta forma:

Private Sub toolbar_buttonclick(ByVal button As mscomctllib.button)

Select Case button.Index

Case 0
'Una accin para el boton que tiene el index con el valor 0
Case 1
'Una accin para el boton que tiene el index con el valor 1

Case 2
'Una accin para el boton que tiene el index con el valor 2
End Select
End Sub

8 - Objeto Buttons
El objeto Button tiene una serie de propiedades y mtodos para trabajar en tiempo de
ejecucin:

Mtodo Add: Permite agregar botones

Mtodo Remove: Elimina un botn

Mtodo 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 botn en particular para

poder acceder a sus propiedades.

9 - Un ejemplo para ver estos mtodos y propiedades del objeto Buttons

para trabajar en tiempo de ejecucin

Coloc un control ToolBar vaco el formulario, es decir sin ningn botn. Luego agrega
2 CommandButton. El Command1 cada ves que lo presiones agregar 5 botones a la
barra en tiempo de ejecucin, el Command2 eliminar todos los botones recorriendo
mediante un bucle desde el primer botn hasta el ltimo que se obtiene con la
propiedad Count.

'Bootn que agrega

'-------------------Private Sub Command1_Click()
Dim i As Integer
'Agregamos 5 botones al ToollBar en tiempo de ejecucin
For i = Toolbar1.Buttons.Count To Toolbar1.Buttons.Count + 5
'btn es la clave y se le agrega el valor i que se va _
incrementando, btn1, btn2, btn3, etc...
Toolbar1.Buttons.Add , "btn" & i, "botn" & i
Next
End Sub
'Bootn que elimina
'-------------------Private Sub Command2_Click()
Dim i As Integer
'Eliminamos todos los botones del ToolBar en tiempo de ejecucin
'Recorriendolos en un bucle y los eliminamos refiriendonos al ndice
'De cada botn

For i = 0 To Toolbar1.Buttons.Count - 1
Toolbar1.Buttons.Remove ("btn" & i)
Next
End Sub

El ejemplo anterior agrega con el mtodo Add los botones al ToolBar. Este mtodo
posee 5 parmetros que son:

Toolbar1.Buttons.Add "Index", "Key", "Caption", "Style", "Image"

Todos los parmetros estos son opcionales. El primero es el ndice del botn. Si no se
especifica se agrega al final. El Key es la clave nica del botn para identificarlo y
poder manipularlo. El Caption es la leyenda que muestra. El Style es el tipo de botn,
0 es normal, el 1 es para botones de tipo Check etc.. (los valores los pods ver desde
la ventana Custom en la opcin botones). Image es la imagen que mostrar, debemos
indicar una que est contenida en un control ImageList que previamente debe estar
enlazado al ToolBar.
En cambio el mtodo Remove solo requiere del Index o el Key para eliminar un botn.
Es el nico parmetrop que requiere, y este es obligatorio

Nota: si se desea eliminar todos los botones podemos utilizar el mtodo Clear del
objeto Buttons, este no requiere parmetros, solo llamarlo para poder eliminar los
mismos

10 - Enlazar un ImageList en tiempo de ejecucin

Para enlazar en tiempo de ejecucin un ImageList con el ToolBar para poder cargar una
imagen, podemos hacerlo de esta forma:

'Indicamos el ImageList
Toolbar1.ImageList = ImageList1
' Indicamos la imagen que tendr el botn _
haciendo referencia a la clave de imagen
Toolbar1.Buttons.Item(1).Image = "LaClave"

Donde dice "LaClave" , se refiere al Key de la imagen que est en el ImageList.

Tambin podemos pasarle el ndice (la propiedad Index).

Toolbar1.ImageList = ImageList1
Toolbar1.Buttons.Item(1).Image = 1

11 - Evento ButtonDropDown

Este evento funciona de forma similar que el evento ButtonClick.

El DropDown es el siguiente estilo:

Estos submenues que se pueden aadir a los botones de men se configuran desde la
opcin Custom, en la pestaa botones, luego se selecciona el botn que se quiere
aadir este estilo, en el combo Style se selecciona "DropDown", y luego en la parte
inferior se pueden aadir botones de manera similar a los botones comunes. 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 caractersticas

12 - Toolbar mediante CommandButton

Tambin otra forma de simular Barras de herramientas personalziadas, es mediante
algn control ocx para Commandbutton, como por ejemplo : Lv Buttons, control Is
Button, Botones estilo office , Commandbutton con degradado , etc...
Estos controles permiten establecer a los botones colores personalizados para el
BackColor, MouseOver, asignarles algn estilo predeterminado etc.
Vista previa de ejemplo :
Este toolBar est realizado con el control llamado Chamaleon Button control

Tambin pods ver en los siguientes enlaces, varios ejemplos relacionados : Pgina de
enlaces de ejemplos y controles para implementar barras de herramientas en vb

13 - Enalces de conos
Desde estos links pods descargar conjuntos de archivos de conos ( formato .ico de
256 colores ) para poder usar con el control ToolBar y otros controles de imagen como
ListView, image, picturebox , botones etc..
Iconos de 16 pixeles
Iconos de 32 pixeles

y esta pgina hay otros enlaces : Pack de conos y enlaces con cdigo fuente
relacionado