Em nosso componente
Tela, existe uma propriedade chamada Tela.Picture, que pode
conter uma imagem qualquer. Clique duas vezes sobre o componente (Tela).
Aparecerá uma janela que nos permite selecionar um arquivo gráfico no HD.
Ao ser carregada, a imagem será vista no componente Tela, mesmo
estando ainda em modo de desenvolvimento (design time).

No entanto a
imagem, se suas dimensões não forem exatamente iguais à da área do componente
Tela, aparecerá cortada. Existe uma propriedade (Tela.AutoSize)
que deve ser alterada para True. Com isso, o componente é ajustado,
tanto em tempo de desenvolvimento quanto em tempo de execussão, para as
mesmas dimensões da imagem original (e sempre que for carregada uma imagem
na propriedade Picture).
A alternativa
para o redimensionamento da imagem é manter a propriedade Tela.AutoSize
em False e colocar em True a propriedade Tela.Stretch.
Com isso forçamos a imagem (e não o componente) a ser redimensionada para
as medidas desejadas. Este arranjo mantém sempre o componente com as mesmas
dimensões e não se corre o risco de sobreposições, mas o processamento
de adaptação das imagens pode gerar pequenos desastres visuais. Um bom
programador de jogos trabalha sempre mantendo suas imagens dentro dos padrões
desejados. É preferível adequá-las antes, num trabalho de edição gráfica,
do que deixar as rotinas internas do Windows fazer este tipo de serviço.
Se pretendemos
mudar a nossa imagem de posição, durante a execução do programa, basta
mudar o valor da propriedade Tela.Left e/ou Tela.Top.
Tela.Left:=
Tela.Left - 1;
Esta instrução
fará com que, ao ser executada, desloque a Tela um pixel para a
esquerda. Mas, onde e como fazer isso funcionar?
A programação
propriamente dita deve ser alocada nos métodos ou eventos dos componentes
que se deseja manipular. No caso da Tela, podemos usar um botão
para, ao ser clicado, deslocar o componente para a esquerda. O procedimento
é bem simples: clica-se no componente, para selecioná-lo, clica-se na alça
Events, do Object
Inspector e clica-se (duplo) no evento OnClick. Imediatamente
você estará com o cursor piscando no local apropriado para o código. Basta
então digitá-lo.

Isto é
tudo e para fazer o programa funcionar, basta acionar o botão de
compilação do Delphi. Aparecerá então
o formulário do nosso programa e, ao clicar no botão, a imagem
será deslocada para a esquerda.

Dependendo da
ordem em que os três componentes presentes no Form1 (TLabel,
TImage e TSpeedButton)
foram criados, a imagem passará "na frente" deles ou "por
trás".
Corrige-se este
detalhe selecionando o componente desejado e, no menu aberto ao se clicar
o botão direito do mouse, escolhendo Bring To Front ou Send To
Back. Isso mostra que, para posicionar um elemento em nosso jogo, importa
cuidar não apenas da distância da margem esquerda e do topo, mas também
da "profundidade" do mesmo.
|