El
control ImageList " traducido al español " significa lista de
imágenes y la función principal es la de almacenar gráficos para poder
enlazarlos y autoabastecer a otros controles de dichas imágenes, como por
ejemplo las barras de herramientas o ToolBar,
el control ListView , el control ImageCombo,
TreeView y algunos otros
Para agregar el
control ImageList se debe hacer desde el Menú Componentes en la opción Microsoft
Windows Common Controls 6
Cuando lo agregamos a un formulario,
este control solo permanecerá visible en tiempo de diseño, ya que su única
función como se dijo es la de agrupar y contener imágenes para poder utilizarla
por separado o para abastecer a otros controles de las mismas, por lo que no
requiere que sea visible en tiempo de ejecución
Para poder configurar el ImageList, se hace Click
derecho sobre el control y elegir del menú desplegable la opción Propiedades,
al hacer esto se abre una ventana como la siguiente:
En la solapa
general podemos establecer el tamaño que presentarán las imágenes que
cargaremos. Estas medidas son de 16 x 16, 32 x 32, 48 x 48, y otra llamada custom donde
podemos Especificar el tamaño personalizado en pixeles que tendrán las mismas.
En
la solapa imágenes mediante el botón insertar imagen, podemos ir
cargando los gráficos al control y mediante el botón Quitar imagen podemos eliminar el que se encuentra
seleccionado.
Nota:
No se puede añadir o eliminar un gráfico si el control ImageList se encuentra
enlazado a otro control
El campo index y el campo key son propiedades de cada imagen y mediante las mismas podremos luego
referenciar e identificar cada una de ellas para trabajar en el código y para
poder enlazarlas con otros controles.
Importante: Cuando agregamos imágenes a
un control ImageList y luego queremos por ejemplo cambiar la propiedad de
tamaño de las imágenes, Visual Basic mostrará un error como este:
Es decir que al
contener imágenes las propiedades de tamaño de las mismas son de solo lectura,
por lo tanto esta propiedad la debemos especificar antes de colocar la lista de
imágenes.
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 - Página de
propiedades
Se puede acceder el menú desplegable
al hacer click derecho sobre el control ToolBar
Esta página, contiene tres solapas:
una llamada General, otra botones y otra imagen:
La solapa General es para
configurar aspectos y características 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
La solapa Botones permite añadir,
eliminar, establecer un estilo y otras opciones solo para los botones de la
barra de herramientas.
Vista previa de esta ficha
El ToolBar, si es que se desea visualizar
imágenes en el mismo ( lo mas habitual ), es necesario que esté enlazado por lo
menos con un control imagelist.
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 imágenes que contendrán los botones del toolbar
- Desde la ficha Custom del ToolBar en la opción 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 botón "Insertar Botón" podemos incorporar los mismos a la barra, y mediante la opción "Quitar Botón" podemos eliminarlos.
A medida que agregamos botones y
aplicamos los cambios, la barra muestra los mismos pero sin visualizar
las imágenes que habíamos 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 botón que queremos que contenga esa
imagen debe tener el mismo índice. También es válido utilizar la propiedad Key
para asociar los gráficos.
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 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, para
referenciar y enlazar el botón de una manera mas fácil.
Descripción de algunas propiedades
más importantes de la solapa General y botones
- Caption: Es la leyenda o título que mostrará el botón. Si utilizamos un botón pequeño generalmente no se utiliza esta propiedad.
- Key: clave única o identificador del botón, para luego poder referenciarlo mediante código y para enlazarlas con los gráficos del 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
- 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 alineación del texto dentro de cada botón.
- Aligment: Esta propiedad importante, que no está en el cuadro de diálogo Custom, se utiliza para determinar la ubicación de la barra en el formulario, y tiene cinco posibles valores: 0 - Sin alineación (por defecto se alinea arriba), 1 - Top (arriba), 2 - Bottom (abajo), 3 Left (izq) y 4 - Right (derecha).
ENLAZAR FORMULARIOS
- Descargar el formulario que se está utilizando con Unload Me
- Cargar el nuevo formulario,con el nombre del formulario.show
No hay comentarios:
Publicar un comentario
No dejes de comentar!!!