Um mouse, uma área, uma imagem...

O monitor agora é a minha tela. O mouse, meu pincel. Com um pouco de criatividade e algumas imagens, um novo componente vem surgindo por aqui. E já há algum tempo que venho trabalhando nele, para o qual eu dei o nome de CSArea. Esse componente nada mais é que uma área retangular de tela, onde detecto os eventos de mouse e permito que imagens possam ser mostradas, dependendo do evento que ocorre no componente. Posso dizer ao componente que imagem ele deve mostrar quando o mouse estiver por sobre ele ou quando o mouse estiver fora dele, por exemplo.

Tem sido uma experiência agradável trabalhar nesse componente, pois as possibilidades de utilização são inúmeras. Com ele poderei fazer novas toolbars, utilizando imagens no formato JPG, GIF, ICO e BMP, automaticamente. O componente pode se ajustar à largura da imagem ou o inverso. E com um pouco de pesquisa na internet descobri um editor de ícones fantástico em sua simplicidade. Chama-se IcoFX e vale a pena o download, até porque ele é totalmente free.

Separei algumas imagens, demonstrando uma pequena utilização do CSArea em nossas aplicações. Ela mostra o mouse interagindo com o componente, em 3 situações:

Utilizei também a API "GradientFill" para criar o degradée que se vê de fundo, nas figuras da toolbar.
O destaque do botão quando o mouse fica por sobre o componente foi feito com a API "DrawEdge", simulando a aparência 3D na imagem.

Note na imagem abaixo, que tomamos o cuidado e tivemos o carinho de mudar o efeito degradée, quando o botão esquerdo do mouse é pressionado na imagem, simulando assim o efeito de botão pressionado.

Agora estou trabalhando em um novo componente que vai abrigar diversos componentes CSArea, facilitando assim a criação de novas toolbars, menus, entre outros. Talvez uma versão comercial seja criada, para ser oferecida a quem se interessar. Aguardem.