Curso de Visual Basic Aplicado Harley Solano Sánchez 21

H
a
Creando Menús r
l
El menú gastronómico en un restaurante no muestra todo lo que el chef sabe hacer, es el subconjunto de e
todos los platos que se decidió ofrecer en este restaurante particular en este momento. Es una manera de y
vender los servicios del restaurante. El cliente compone del menú su comida escogiendo los platos y
bebidas que le serán servidas en un orden determinado. El menú se presenta de manera ordenada, por S
categorías de platos y bebidas. Los nombres de los platos son muchas veces muy difíciles de entender y o
generalmente no se puede adivinar la composición del plato a partir del nombre encontrado en el menú. l
Un extranjero no sabe ordenar en general. Se espera del cliente que sepa leer el menú. El mesero explica a
el menú al cliente. n
o
El menú en computación es una metáfora del menú gastronómico para describir una herramienta de
selección de opciones en un programa. *
*
Hay dos tipos de menús:
H
a) menús de tipo índice, mediante una lista de palabras o frases muy cortas que describen o indican lo a
que la opción puede hacer. Se pueden utilizar tipos de letras, estilos y tamaños para hacer el menú más r
legible y más estructurado. l
e
b) menús mediante pequeños iconos que describen las acciones que el programa ofrece en un y
momento determinado. Encontrar estos iconos no es tarea fácil en general. Los dibujos deberían indicar
la acción que su selección desencadena. Los iconos de los menús son generalmente iconos del tipo S
"índice". o
l
- Menús anidados a
n
Los menús se pueden presentar como menús de menús o menús anidados. Cada opción del menú abre o
otro menú y la selección final se hace en las hojas del árbol de menús. Este recorrido de un árbol de
selecciones no debe ser muy profundo, máximo 3 niveles. Generalmente los submenús se abren a la *
derecha ya hacia abajo. cuando los menús encuentran el borde derecho e inferior de la ventana se deben *
abrir hacia arriba y a la izquierda.
H
- Menús "Pop up" y "Pull down" a
r
Los menús se pueden revelar al observador mediante los mecanismos "Pop up" y "Pull down". Ejemplo l
de un menú "Pop up" es un menú textual que aparece al pisar un icono ó botón. El menú "Pull down" o e
menú de persianas se desenrolla hacia abajo al pisar la cabeza del menú. y

S
o
l
a
n
o

harley.solano@gmail.com hasx1@hotmail.com
Curso de Visual Basic Aplicado Harley Solano Sánchez 22
H
a
Reglas para el diseño de menús. r
l

No deben ser muy largos ni muy anidados e
y

El estilo, tipo y tamaño del texto debe ayudar a la presentación del menú.
S

El menú puede contener al lado de su texto la clave o tecla a pisar para una selección rápida o
desde el teclado, para usuarios expertos. l
a

El menú no debe tapar los elementos presentes en la pantalla que son necesarios para tomar n
una decisión. o

Ventajas de los menús. *

*
Selección rápida de las opciones que se presentan todas de forma mnemónica y sinóptica.
H
a
Desventajas de los menús.
r
l
No se pueden programar secuencias de acciones. Son muy inflexibles. No se pueden parametrizar. Para
e
esto se utilizan con ventaja lenguajes de comandos.
y
La creación del menú principal del sistema se hará en el formulario MDI llamado Menu, siga S
las siguientes instrucciones para hacerlo : o
l
1. Pulse la combinación de teclas CTRL. + E, si lo prefiere haga clic en Herramientas y clic en a
Editor de Menús... n
o
2. En la ventana de edición de menús introduzca la primera opción del menú principal, la opción
Registrar. *
Escriba aquí la opción Escriba aquí el nombre de *
del menú. la opción.
H
a
r
l
e
y

S
Con estas flechas puede o
cambiar el nivel y l
subnivel de la opción. a
n
Clic aquí para insertar una o
nueva opción de menú

harley.solano@gmail.com hasx1@hotmail.com
 Curso de Visual Basic Aplicado Harley Solano Sánchez 23
H
a
3. Siguiendo los mismos procedimientos completar el menú de tal manera que se componga de las r
siguientes opciones : l
e
Nivel Opción del Menú Nombre de la Opción y
1 Registrar regi
2 ....Clientes clie S
2 ....Producto al Almacen prod o
2 ....Modificar Mínimo – Máximo minmax l
2 ....Proforma prof a
2 ....Factura fact n
1 Consultas Cons o
2 ....Tabla de Amortización ta
3 ........Saldo Decreciente tasd *
3 ........Cuotas Niveladas tacn *
3 ........Interés Simple tais
H
2 ....Proforma cpro
a
2 ....Master Kardex cmk
r
3 ........Primero en Entrar Primero en Salir Mpeps
l
3 ........Ultimo en Entrar Primero en Salir mueps
e
3 ........Costo Promedio mccp y
2 ....Facturación ifact
1 Utilidades Utilities S
2 ....Actualizar Actuali o
2 ....Compactar y Reparar Compacta l
1 Ayuda ayu a
1 Acerca ace n
1 Salir sal o

*
4. El resultado es *

H
a
r
l
e
Menú Registrar Menú Utilidades y

S
o
l
a
n
Menú Consultas, con la sub opción Master o
Menú Consultas, con la sub opción
s Kardex
Tablas de Amortización

harley.solano@gmail.com hasx1@hotmail.com
Curso de Visual Basic Aplicado Harley Solano Sánchez 24
H
a
5. Como una pequeña practica de la manera que debe programar las acciones de las opciones del r
menú, siga las siguientes instrucciones : l
e
a. Desde el diseño del formulario haga clic en la opción que desea programar, en este y
ejemplo, haga clic en la opción Acerca del menú principal.
S
El resultado será una pantalla similar a la siguiente o
l
a
n
o

*
*
b. Escriba el siguiente segmento de programa para abrir el formulario Derechos.
H
a
r
l
e
y

S
o
l
a
6. Programar ahora la opción Salir del menú principal realizando los siguientes procesos n
o
a. Desde el diseño del formulario haga clic en la opción Salir del menú principal.
*
*

H
a
r
l
b. Escriba el código que permite abandonar el Sistema escribiendo la siguiente instrucción
e
y

S
o
l
a
n
o

harley.solano@gmail.com hasx1@hotmail.com
Curso de Visual Basic Aplicado Harley Solano Sánchez 25
H
a
Creando Barras de Herramientas r
l
1. Insertar un ImageList al que llamará con las siguientes propiedades e
y
a. Nombre = ImageList2 (Nombre dado por Omisión)
b. Haga clic con el botón derecho sobre el objeto ImageList2 y luego clic en la opción S
Propiedades o
c. En la ficha General seleccione la opción 16 x 16 l
d. Insertar las imágenes según se muestra a continuación a
n
Index Icono Nombre Archivo o

1 Cliente2.ico *
*
2 Producto2.ico
H
a
3 MinMax.ico r
l
4 Proforma.ico e
y
5 Factura.ico S
o
6 Tabla.ico l
a
7 Kardex.ico n
o
8 Ayuda.ico *
*
9 Acerca.ico
H
a
10 Arbol.ico
r
l
11 Salir.ico e
y

S
2. Asegúrese de haber activada los componentes de Microsoft Windows Common Controls para
o
poder tener a la disposición el objeto ToolBar. Recuerde que se activa con CTRL. + T.
l
a
Objeto ToolBar n
o

harley.solano@gmail.com hasx1@hotmail.com
Curso de Visual Basic Aplicado Harley Solano Sánchez 26
H
a
3. Seleccione la herramienta ToolBar, y dibuje un rectángulo en cualquier área del formulario. El r
resultado es similar a la siguiente figura l
e
y

S
o
l
a
n
o
Por omisión la barra de herramientas es insertada se ubica en la parte superior del
formulario, en esta figura se observa que se ubicó por debajo del menú principal. *
*

4. Teniendo seleccionada la nueva barra de herramientas, haga clic con el botón derecho del ratón H
sobre ella y seleccione la opción Propiedades. a
r
l
e
y

S
o
l
a
n
o

*
*

H
a
r
l
e
y

S
o
En la ficha General configure las propiedades tal como se le muestra en la figura de la derecha. l
a
Observe que define el ImageList2 con el objeto que suple de imágenes al ToolBar n
o

harley.solano@gmail.com hasx1@hotmail.com
Curso de Visual Basic Aplicado Harley Solano Sánchez 27
H
a
5. Seleccione la ficha Botones, para insertar los botones del menú. r
l
Inserte o elimine cada uno de los botones que e
Index = es un número secuencial contendrá la barra haciendo clic en éstos botones.
asignado a cada botón.
y

Key = es una palabra o nombre con el S

que se reconoce al botón. o
l
Style = es el tipo de botón. Los más a
importantes son : n
o
0 tbrDefault = botón normal
3 tbrSeparator = Separador *
4 tbrPlaceholder = espacio
*
5 tbrDropdown = contiene varias
opciones
H
Ejemplo a
r
l
e
Style 0 3 0 4 0 5 y
ToolTipText = Mensaje que aparece
S
al pasar el ratón sobre el botón.
o
Image = Numero de la imagen en el l
Index del ImageList2 a
n
o

6. Insertar los siguientes botones para comenzar a darle apariencia a la barra de herramientas : *
*
Index Caption Key Style Width ToolTipText Image
1 - - 4 500 - 0 H
2 - - 4 500 - 0 a
3 - - 4 500 - 0 r
4 - - 4 500 - 0 l
5 - - 4 500 - 0 e
6 - - 4 500 - 0 y

Lo que indicamos aquí es que los primeros 6 botones serán espacios en blanco con un ancho de 500, S
esto permitirá “centrar” el resto de botones de operatividad. o
l
Recuerde : para insertar un nuevo botón debe ubicarse en el Index o numero del botón en donde a
desea el nuevo botón, así por ejemplo, si desea insertar un botón al final ubicarse en el ultimo que se n
haya agregado. o

harley.solano@gmail.com hasx1@hotmail.com
Curso de Visual Basic Aplicado Harley Solano Sánchez 28
H
a
7. El botón con Index siete será el primer botón “normal” o botón que permitirá acceder al r
formulario de Ingreso de Clientes al sistema, por lo tanto lo vamos a configurar de la siguiente l
manera : e
y

S
o
l
a
n
o

*
*

H
8. Continúe entonces insertando los siguientes botones : a
r
Index Caption Key Style Width ToolTipText Image l
8 - bProducto 0 - Ingreso / Salida de Accesorios a Bodega 2 e
9 - bMinMax 0 - Modificar Mínimo – Máximo de Accesorios 3 y
10 - - 4 500 - 0
11 - bProforma 0 - Emisión de Proformas al Cliente 4 S
12 - bFactura 0 - Entrada / Salidad vía Factura 5 o
13 - - 4 500 - 0 l
a
n
9. El siguiente botón configúrelo de la siguiente manera : o

*
*

H
a
r
l
e
y

S
o
l
En este caso Style es 5 – tbrDropdown indicando que será un botón que tendrá varias opciones de a
menús . n
o

harley.solano@gmail.com hasx1@hotmail.com
Curso de Visual Basic Aplicado Harley Solano Sánchez 29
H
a
10. Ahora va a insertar las opciones de menús que va a contener el botón anterior (el Index 14) r
l
e
y

S
o
l
a
n
o

*
Cuando el Style es 5 es posible *
insertar opciones haciendo clic en
el botón Insertar ButtonMenu y H
luego definir solamente las a
propiedades Text y Key de las r
opciones. l
e
y

S
o
Para este botón va a insertar las siguientes opciones de menú : l
Index Text Key a
1 Vea la figura de arriba n
2 Cuota Nivelada BiCN o
3 Inter.és Simple biIS
*
11. Inserte el ultimo segmento de botones con las siguientes características *

Index Caption Key Style Width ToolTipText Image H

15 - bMetodo 5 - Métodos para el Control de Inventario 7 a
16 - - 4 500 - 0 r
17 - bAyuda 0 - Ayuda del Sistema 8 l
18 - bAcerca 0 - Información acerca del Autor 9 e
19 - arbol 0 - Navegación con Arbol 10 y
20 - sale 0 - Salida del sistema 11
S
Para el botón con Index 15 insertar las siguientes opciones de menú o
l
Index Text Key a
1 PEPS biPEPS n
2 UEPS biUEPS o
3 Costo Promedio biCP

harley.solano@gmail.com hasx1@hotmail.com
Curso de Visual Basic Aplicado Harley Solano Sánchez 30
H
a
12. Compruebe que el resultado es similar a la siguiente imagen r
l
e
y

S
o
13. Finalmente seleccione la barra de Herramientas creada y active las propiedades haciendo clic en l
el icono y determine las siguientes propiedades : a
n
Align = 2 – vbAlignBottom o
AllowCustomize = False
*
14. El resultado final hasta aquí debe ser un entorno de trabajo similar al siguiente : *

H
a
r
l
e
y

S
o
l
a
n
o

*
*

H
a
r
l
e
y

S
o
l
a
n
o

harley.solano@gmail.com hasx1@hotmail.com