Cursos / Informática para Internet / Dispositivos Móveis / Aula
Outro ponto a se considerar, é criar layouts independentes para as diferentes orientações de tela, de forma a melhorar a disposição dos componentes de layout de acordo com o espaço disponível, utilizando os qualificadores equivalentes.
Da mesma forma que fazemos com os layouts, podemos fazer com as imagens dos nossos programas. A diferença fica por conta do atributo que verificamos para modificar as imagens, já que, ao invés de usar diferentes imagens para diferentes tamanhos de tela, usaremos diferentes imagens para diferentes densidades. Outro tipo de tratamento que podemos utilizar para imagens é garantir o uso de arquivos de imagem nine-patch (extensão .9.png), para que o processo de redimensionamento ocorra sem perda de qualidade da imagem que criamos inicialmente.
Para as imagens nine-patch, basta criar os arquivos seguindo o padrão do formato e o redimensionamento será feito de acordo. Já para imagens normais, que vão ser carregadas de acordo com a densidade da tela do usuário, é importante seguir uma proporção pré-determinada entre os tamanhos das imagens, de forma a otimizar o trabalho do Android e a qualidade da imagem que aparecerá para o usuário. Essa proporção é de 3:4:6:8 para as densidades baixa, média, alta e extra-alta, respectivamente. Tal proporção pode ser melhor observada na Figura 8 apresentada a seguir.
Após o trabalho de ajustar as imagens e o layout, é hora de testar o aplicativo utilizando as diferentes configurações de tela que se pretende suportar para garantia de qualidade. Para isso, basta seguir a Tabela 2 a seguir, que mostra como criar diferentes cenários de tela utilizando o emulador Android.
Densidade Baixa (120), ldpi | Densidade Média (160), mdpi | Densidade Alta (240), hdpi | Densidade Muito Alta (320), xhdpi | |
Tela pequena | QVGA(240x320) | 480x640 | ||
Tela normal | WQVGA400 (240x400) WQVGA432 (240x432) |
HVGA (320x480) | WVGA800 (480x800) WVGA854 (480x854) 600x1024 |
640x960 |
Tela grande | WVGA800** (480x800) WVGA854** (480x854) |
WVGA800* (480x800) WVGA854* (480x854) 600x1024 |
||
Tela extra grande | 1024x600 | WXGA (1280x800) 1024x768 1280x768 |
1536x1152 1920x1152 1920x1200 |
2048x1536 2560x1536 2560x1600 |
Versão 5.3 - Todos os Direitos reservados