Cursos / Informática para Internet / Dispositivos Móveis / Aula

arrow_back Aula 09 - Estilos, Temas e Compatibilidade

Compatibilidade - pt.3

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.

Proporção indicada para imagens diferentes de acordo com as densidades.

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
Tabela 2 – Configurações de telas para utilizar no emulador
* Para emular esse comportamento, especifique uma densidade de 160 enquanto utiliza a configuração de tela WVGA800 ou WVGA854.
** Para emular esse comportamento, especifique uma densidade de 120 enquanto utiliza a configuração de tela WVGA800 ou WVGA854.

Versão 5.3 - Todos os Direitos reservados