|
Nesse projeto vamos utilizar um componente Imagem com uma imagem qualquer, de forma que, quando o dispositivo for girado
para qualquer posi��o, retrato ou paisagem, a imagem tamb�m gire na mesma posi��o. Para isso, vamos utilizar a propriedade da tela
principal chamada Orienta��oDaTela.
Ent�o vejamos como desenvolver esse projeto:
� Abra o App Inventor acessando o link:
App Inventor 2
� Na tela apresentada, clique no Bot�o Create Apps!, em seguida entre com sua conta.
� Crie um novo projeto com o nome: OrientacaoImagem.
Agora vamos alterar algumas propriedades da tela principal (Screen1).
Alterando as propriedades da Tela Principal:
� Clique em Screen1 na se��o Componentes.
� AlinhamentoHorizontal: Centro: 3.
� CorDeFundo: utilize qualquer cor de sua prefer�ncia.
� PrimaryColor: Preto.
� Orienta��oDaTela: selecione a op��o: Sensor.
� Theme: Device Default.
� T�tulo: Orienta��o de uma Imagem.
Iremos agora inserir os componentes do nosso projeto na seguinte ordem:
� 1 Legenda.
� 1 Imagem.
Agora vamos alterar algumas propriedades dos componentes:
Alterando as propriedades da Legenda:
� Nome: legMensagem.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhDaFonte: 20.
� Texto: Gire o Dispositivo.
� AlinhamentoDoTexto: Centro: 1.
� CorDeTexto: Preto.
Alterando as propriedades da Imagem:
� Nome: imgFoto. Clique no componente e utilize o bot�o Renomear na se��o Componentes.
� Altura: selecione a op��o percentagem e digite: 80.
� Largura: selecione a op��o percentagem e digite: 90.
� Imagem: clique na caixa de texto para selecionar a imagem para ser carregada no componente. Insira qualquer imagem de
sua prefer�ncia.
Feito isso, o seu projeto dever� ficar igual ao da Figura 18.1:
Figura 18.1� Projeto com os componentes
inseridos e configurados.
C�digos:
Nenhum componente desse projeto receber� c�digo, tendo em vista que a finalidade desse projeto foi mostrar como utilizar o
sensor do dispositivo para girar uma imagem (ou outros componentes) juntamente com o giro do dispositivo.
Agora teste seu projeto em um dispositivo real e confira o resultado com as Figuras 18.2 e 18.3.
Figura 18.2 � Projeto com a posi��o Retrato.
Figura 18.3 � Projeto com a posi��o Paisagem.
Dessa forma, conclu�mos o nosso projeto. Teste seu projeto em um dispositivo real e confira o resultado.
Voc� pode baixar o c�digo completo desse projeto acessando os links:
OrientacaoImagem.aia
OrientacaoImagem.apk
|
