IrántÉiii#,rtl'tillg :;,' Bptions
f, ,#!t
il.iii
I ll,'
Fig. 9 - Bitmaps para botóes.
ção, o botão pode ser verde. Logo, se você
desenharo seu ícone num bitmap com fun-
do cinza ele irá ficar ótimo na configura-
ção onde o botão é cinza, mas onde o bo-
tão for verde, não Íicará bom. Veja um
exemplo na figura 9.
O pixel, unidade mínima de resolução
de uma imagem bitmap, que define a cor
de Íundo (a cor que não será exibida no
botão) e o ponto do vértice inferior esquer-
do (primeira coluna e última linha da ima-
gem). Para Íacilitar a explanação, chama-
remos este pixel de'pixelT'.
I
A figura mostra, na primeira coluna,
um bitmap cuja cor do pixelT é branco. Na
segunda coluna, mostra dois botões, um
cuja conÍiguração do Windows para a cor
do botão ê cinza e outro que é verde. Note
que nenhum pixel de cor branca é exibido
em nenhum dos dois botões e a imagem
que realmente interessa, o cubo, é exibida
corretamente em ambos os botões, ou
seja, com o pixelT definido corretamente,
a cor do botão não interfere - a cor branca
era a cor transparente.
Observe agora os botões da terceira
coluna: apenas um pixel foi modificado em
relação ao desenho da primeira coluna, e
justamente o pixelT - ele Íoi deÍinido como
cor vermelha. lsto pode ser visto pelo re-
sultado do ícone dos botões desta coluna.
Ambos Íicaram com a cor vermelha trans-
parente, ou seja, não é exibida. E como o
pixelT não é mais de cor branca, aparece
agora a área branca do bitmap original, que
não é mais a cor transparente.
Semelhantemente, o pixelT do bitmap
dos botões da quarta coluna Íoi deÍinido
como preto, de Íorma que todos os pontos
de cor preta do bitmap Íicassem transpa-
rente no botão.
Para Íixar bem este conceito, depois de
criar o aplicativo desta lição, pegue algu-
mas imagens do tamanho de um ícone e
faça modificações no seu pixelT (use o
editor de bitmap que vem com o Windows
- o Paint).
Vimos o processo de como definir cor-
retamente uma imagem para um
SpeedButton, através de sua propriedade
Gliph. Entretanto, não estamos utilizando
SpeedButtons em nosso projeto, e sim
ToolButtons, que se assemelham muito
àqueles componentes, até mesmo no fato
de possibilitarem a exibição de um bitmap,
mas veriÍicando nas propriedades do com-
ponentes ToolButton, vemos que não há a
propriedade Gliph. O que ocorre é o se-
guinte: a definição do bitmap que aparece-
rá no ToolButton não é Íeita diretamente
20
ffi
lmages
i*--?idï:::--' BeHe I
Fig. 10 - Editor da lista de imagens.
através associação de um arquivo de ima-
gem, e sim através de um outro compo-
nente - o lmageList. Veremos como Íunci-
ona o lmageList e depois como se'liga'um
ToolButton a ele.
O componente lmagelist
Este componente, como bem sugere o
nome, é uma lista ou coleção de imagens
de mesmo tamanho, que são referenciadas
por um índice.
Listas de imagens são usadas para
gerenciar eficientemente um conjunto de
bitmaps ou ícones (arquivos.BMP ou .lCO).
Este componente é capaz de armazenar
uma grande quantidade de imagens, que
são acessadas por meio de um índice que
vai de 0 a N-1. Para armazenar as ima-
gens em um lmageList, o próprio compo-
nente possui o Editor de lista de imagem,
mostrado na figura 10, e paÍa exibÊlo bas-
ta dar um duplo clique sobre o componen-
te ou ativar o seu pop-up menu através de
um clique com o botão direito do mouse
sobre o controle.
Para adicionar uma imagem, Íaça-o
através do botão Add. O botão Delete apa-
ga a imagem selecionada e Clear apaga
todas da lista. Para alterar o índice (a or-
dem) de uma imagem, estando no editor
de lista de imagens, basta arrastá-la para
o local deselado, que o próprio editor
rearranlará as demais de Íorma que cada
índice seja igual a (n-ésima -1)posição.
Lembre-se que as imagens devem ser
de mesmo tamanho, e há um cuidado a
ser tomado: antes de adicionar a primeira
imagem à lista, você deve definir qual será
a dimensão das imagens que serão adici-
onadas - o tamanho de cada uma e não de
todas luntas, o que é Íeito pela proprieda-
de Height e Width. Se você não souber a
dimensão da imagem, abra uma delas com
o Paint, e no seu menu 'lmagem/Atribu-
{ï
f
Ctgp
sçetch Í
I
f f*rúer
1
g"- |
tos...'. ele Íornece este dado. Caso este
cuidado não seja tomado no começo, quan-
do você Íor definir o tamanho das imagens
mais tarde. perderá todas as imagens já
adicionadas à lista - note bem: perderá as
imagens já adicionadas à lista e não o ar-
quivos .bmp que contém cada imagem -
tendo que adicionar tudo novamente à lis-
ta.
O número que aparece abaixo da ima-
gem é o seu índice. Ele será necessário
quando formos definir qual a imagem que
deverá ser exibida pelo ToolButton.
Quando você criou os botões 1B 1S 48
1S 1B 1S 18. não Íoi comentada a função
deles. O faremos agora: o primeiro botão
(B) seMrá para Íechar o aplicativo -'Sair';
dos 4 seguintes, os 3 primeiros servirão
para aüvar os motores'X','Y' e'Z', e o quar-
to será para ativar os LEDs. O próximo
botão servirá para'Ligar/Desligar' a saída
aüva de um dos quatros botões anteriores,
e por fim. o último botão servirá para alte-
rar o sentido da rotação dos motores (ou
dos LEDs sinalizadores).
Um fato importante quanto aos
ToolButtons que já criamos é o seguinte:
para Íazermos com que eles se compor-
tem como os botões do lnternet Explorer e
botões de outros aplicativos Windows, onde
a imagem de bitmap do botão é realçada
ao passarmos o mouse sobre eles, é ne-
cessário que a cada botão esteiam asso-
ciadas as duas imagens: a normal e a
realçada. Apesar de ainda não ter sido
mostrado como ligaremos o componente
lmageList aos ToolButtons, pelo Íato cita-
do no começo deste parágraÍo, já sabemos
que para cada imagem, deveremos ter a
imagem normal e a realçada. Logo, será
necessário criarmos duas listas de ima-
gens.Evamosaelas.
Arraste então dois controles lmageList
da paleta e ponha-os no form. Certamente
eles se chamam lmageListl e lmagelist2.
Altere o nome do lmageList2 para
SABER ELETRÔNICA NA 321/OUT/99