LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________

Gua de prctica N 9
Semana 10

BARRA DE HERRAMIENTA Y ESTADO

Objetivo
Creacin de barras de herramientas
Creacin de barras de estado
Objetivo especifico
Crear una barra de herramienta para facilitar la ejecucin de algunas tareas que se realizan con
mucha frecuencia
Crear una barra de estado para proporcionar informacin sobre la accin que se lleva a cabo o
sobre aspectos especficos (fecha, hora, teclas activadas, etc.)
1. Insertar Componentes:
Para agregar estos elementos (barras) en un formulario es necesario insertar un grupo de controles
Active X en el cuadro de herramienta para ello realice el siguiente procedimiento:
1.
2.

Despliegue el men proyecto y seleccione la opcin componentes

En la ventana que aparece, active la ficha controles y luego haga clic en la casilla de
verificacin Microsoft Windows Common Controls 6.0.

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 1 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________
3.

Presione el botn aceptar y en el cuadro de herramientas aparecern 8 controles

pertenecientes al grupo ActiveX seleccionado que son: TabStrip, ToolBar, StatusBar,
ProgressBar, TreeView, ListView, ImageList y Slider

2. Crear una Barra de Herramientas:

Para disear una barra de herramientas es necesario crear una lista de las imgenes que aparecern en
la barra y asociar a cada una de ellas las propiedades necesarias (ndice, imagen, nombre, etc.), para
ello:
4.

Haga doble clic en e el control imageList para incluirlo en el formulario

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 2 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________
5.
6.

7.

Active la ventana propiedades en (Name) asigne imgenes, haga clic en personalizado y

luego presione el botn 3 puntos.
Aparecer la ventana pagina de propiedades, en la ficha general seleccione la opcin
correspondiente al tamao deseado para los botones, por ejemplo 16x16

Active la ficha imgenes para insertar las imgenes que se utilizaran en este caso en los
botones de la barra de herramientas.

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 3 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________
8.

Pulse el botn insertar imagen y aparecer la ventana seleccionar imagen para ubicar la
ruta y el nombre del archivo grafico que se agregara.

9.

Haga doble clic en la carpeta Graphics, luego en Icons y por ultimo en Flags

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 4 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________

10. Seleccione el archivo FLGGERM, presione el botn abrir y la imagen aparecer en el

rea imgenes: de la ventana pgina de propiedades.

11. De la misma forma agregue los archivos FLFRAN y FLGUUSA02, de tal manera que
la ventana toma un aspecto como el siguiente.

12. Presione el botn aceptar para finalizar la tarea y retomar el formulario.

Una vez creada la coleccin de imgenes se procede a disear la barra de herramientas de la siguiente
manera:

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 5 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________

13. haga doble clic en el control ToolBar del cuadro de herramientas y aparecer un objeto
de este tipo en la parte superior del formulario

14. Active la ventana propiedades. En (Name) escriba barra, seleccione (personalizado) y

presione el botn 3 puntos
Aparecer la ventana pgina de propiedades. En la ficha general se definen las caractersticas de los
botones que conforman la barra, entre ellas la lista de imgenes de donde se extraern los iconos
(ImageList), el estilo del borde (BorderStyle), la apariencia (appearance), etc.
15. En la lista de ImageList seleccione imgenes, que es el nombre del control que posee la
coleccin de imgenes que van a usarse en la barra.

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 6 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________

16. Active la ficha botones presione el botn insertar, en ToolTipText escribe Alemania y en
Image indique el numero de ndice que en el imagen se asociara en este caso 1.

17. Presione el botn insertar botn, en ToolTipText escriba Francia y en Image introduzca
2.
18. Presione el botn insertar botn, en ToolTipText escriba USA y en Image introduzca 3.
19. Presione el botn aceptar y el formulario tomara un aspecto como el siguiente.

20. Guarde el formulario y el proyecto con el nombre barras.

21. Seleccione la opcin en el men ejecutar y aparecer el formulario de la aplicacin.
Seale cada uno de los botones y note que se despliega la etiqueta correspondiente.

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 7 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________

22. Pulse el botn cerrar del formulario para finalizar la ejecucin del programa
3. Asociar Instrucciones a los Botones
Para ejemplificar la manera en que se pueden asociar instrucciones a los botones se mostrara un
mensaje mediante un objeto Label despus de imprimir uno de estos.
23. En el proyecto desarrollado en la seccin anterior, inserte un control Label en el
formulario y modifique sus propiedades as:
Propiedad

Valor

AutoSize

True

BackColor

Rojo

Caption

Eliminar el contenido

Font

Courier Negrita 12

ForeColor

Blanco
24. El formulario deber tener el siguiente aspecto.

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 8 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________

25. Haga doble clic sobre la barra de herramientas del formulario y en la ventana cdigo
que aparece introduzca la siguiente instruccin
Select case Button.Index
Case1
Label1.Caption=Presion el Botn Alemania
Case2
Label1.Caption=Presion el Botn Francia
Case3
Label1.Caption=Presion el Botn USA
End Select
End Sub
Con el anterior procedimiento se determina cual mensaje se mostrara a partir del valor que posea
Button.Index dicha seleccin se realiza mediante la cpsula SelectCase.
26. Presione el botn cerrar para desactivar la ventana cdigo.
27. Pulse el botan iniciar en la barra de herramientas estndar para ejecutar el formulario.
28. Haga clic en cualquiera de los botones por ejemplo en Francia y automticamente
aparecer el mensaje relacionado con el objeto Label1.

4. Crear Barra de Estado

1.

Haga clic en el control StatusBar del cuadro de herramientas para insertar un objeto de este
tipo en el formulario.

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 9 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________

2.
3.

En la ventana propiedades seleccione la propiedad name, escriba barra de estado.

Escoja personalizado y pulse el botn 3 puntos y aparecer la ventana pagina de
propiedades. En la ficha general verifique que las casillas enables y ShowTips se encuentren
activas.

4.
5.

Abrir la ficha paneles para especificar las secciones que aparecern en la barra de estados.
En el recuadro Text escribe Mi Aplicacin, en la lista AutoSize seleccione 1-SBRSPRIN

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 10 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________

6.

Presione el botn insertar panel, en la lista Style seleccione 6-SBRDATE y en AutoSize

escoja 1-SBRSPRIN

7.

Pulse el botn insertar panel seleccione 5-SBRTIME en la lista Style y 1-SBRSPRIN en

AutoSize.
Oprima el botn aceptar y el formulario tomara un aspecto como el siguiente

8.

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 11 de 12

LENGUAJE DE PROGRAMACION 1

UNASAM/FC/Ingeniera de Sistemas e Informtica/GP9

___________________________________________________________________

Ing Luis Alvarado Cceres

titolac@hotmail.com

Pgina 12 de 12