Ajustando seus apps e jogos para dispositivos de tela longa

Photo of Ajustando seus apps e jogos para dispositivos de tela longa
Facebook
VKontakte
share_fav

Artigo de Fred Chung, publicado originalmente pelo Android Developers Blog. A tradução foi feita pela Redação iMasters com autorização.

***

Nos últimos meses, há uma tendência crescente para fabricantes de handsets para entregarem novos dispositivos com uma proporção de tela longa (que se estende além de 16:9), muitos dos quais também trazem cantos arredondados. Isso atesta a amplitude e a escolha do ecossistema Android. O Pixel 2 XL e o Huawei Mate 10 Pro são apenas dois, dos muitos exemplos.

Essas características da tela podem levar uma experiência muito imersiva para os usuários, e eles percebem que alguns aplicativos e jogos não aproveitam a proporção de tela longa nesses novos dispositivos. Portanto, é importante que os desenvolvedores otimizem esses projetos de tela. Vamos dar uma olhada no suporte relacionado fornecido pelo sistema operacional Android.

Otimize para proporções de telas longas

A maioria dos apps que usa widgets UI padrão, provavelmente funcionará fora da caixa nesses dispositivos. A documentação do Android detalha técnicas para trabalhar com flexibilidade em vários tamanhos de tela. No entanto, alguns jogos e apps com interfaces de usuário personalizadas podem ter problemas devido a suposições incorretas em determinadas proporções. Estamos compartilhando alguns problemas típicos enfrentados pelos desenvolvedores, para que você possa prestar atenção aos que são relevantes para você:

  • Certos lados da tela são cortados. Isso faz com que qualquer elemento gráfico ou de UI nas regiões afetadas pareça incompleto.
  • Os alvos de toque são deslocados de elementos de UI (por exemplo, botões). Os usuários podem ficar confusos com elementos UI que são aparentemente interativos.
  • Para o modo de tela cheia em dispositivos de cantos arredondados, qualquer elemento de UI muito próximo dos cantos pode estar fora da área visível no canto curvo. Imagine se o botão “Compra” de um aplicativo de e-commerce tiver sido parcialmente obstruído? Recomendamos referenciar as diretrizes do Material Design deixando margens laterais de 16dp em layouts.

Se a UI responsiva não é realmente adequada à sua situação, como último recurso, declare uma proporção máxima de aspecto suportado explícito. Em dispositivos com uma proporção mais ampla, o app será exibido em um modo de compatibilidade preenchido com caixa postal.

Tenha em mente que certos modelos de dispositivos fornecem uma substituição para os usuários a fim de forçar o aplicativo no modo de compatibilidade de tela cheia, então certifique-se de testar também nesses cenários!

Targets da API nível 26 ou superior: use os atributos android:maxAspectRatio.

Targets da API nível 25 ou inferior: use metadados android.max_aspect. Observe que os valores máximos da proporção de aspecto serão respeitados apenas se suas atividades não suportarem resizableActivity. Consulte a documentação para detalhes.

A caixa de correio do sistema é um app quando a proporção máxima declarada é menor do que a tela do dispositivo.

Considere o uso de atividades lado a lado

Os dispositivos de proporção longa permitem ainda mais casos de uso de várias janelas que podem aumentar a produtividade do usuário. Começando no Android 7.0, a plataforma oferece uma maneira padrão para os desenvolvedores implementarem várias janelas em dispositivos suportados, bem como executar arrastar e soltar dados entre as atividades. Consulte a documentação para obter detalhes.

Testar é crucial. Se você não tiver acesso a um desses dispositivos de tela longa, certifique-se de testar no emulador com o tamanho adequado da tela e as propriedades de hardware de resolução, que são explicados na documentação do emulador.

Nós sabemos que você deseja encantar seus usuários com dispositivos de tela longa. Com alguns passos, você pode garantir que seus apps e jogos aproveitem completamente esses dispositivos!

***

Este artigo é do Android Developers Blog. Ele foi escrito por Fred Chung. A tradução foi feita pela Redação iMasters com autorização. Você pode acessar o original em: https://android-developers.googleblog.com/2017/12/tuning-your-apps-and-games-for-long.html

ver iMasters
#tela
#apps
#android
#desenvolvimento