O que é preciso saber sobre TImage (por enquanto):

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.



online