Criar apps adaptáveis para o ChromeOS

Os dispositivos ChromeOS, como os Chromebooks, oferecem um ambiente exclusivo semelhante ao de um computador para apps Android. Os usuários esperam que os apps se comportem como aplicativos de computador, com janelas redimensionáveis, suporte robusto a teclado e mouse e layouts de alta produtividade.

Considerações importantes para o ChromeOS

  • Modo janela para computador: os apps no ChromeOS geralmente são executados em janelas de formato livre que podem ser redimensionadas, maximizadas ou lado a lado. Use classes de tamanho de janela para garantir que o app ajuste o layout de maneira fluida à medida que as dimensões da janela mudam.
  • Entrada de teclado e mouse: ao contrário dos dispositivos com foco no toque, o ChromeOS se concentra na entrada física. Verifique se o app oferece suporte a:
    • Atalhos de teclado: ações comuns (como Ctrl+C/V) e atalhos específicos do app.
    • Interações do mouse: menus de contexto com o botão direito do mouse, suporte à roda de rolagem, e estados de foco para elementos interativos.
  • Tela integrada: as telas dos Chromebooks costumam ser maiores do que as dos tablets. Aproveite esse espaço usando layouts de vários painéis e componentes de navegação expandidos.
  • Telas externas: muitos usuários do ChromeOS conectam os dispositivos a monitores externos. Ofereça suporte a telas conectadas para proporcionar uma experiência perfeita em várias telas.

Estratégias de adaptação

  1. Otimizar para produtividade: implemente layouts canônicos, como detalhes e listas, para mostrar mais informações em uma tela grande do ChromeOS, reduzindo a necessidade de transições frequentes de tela.
  2. Processar mudanças de configuração: verifique se o app mantém o estado durante o redimensionamento da janela para evitar perda de dados ou redefinições da interface.
  3. Refinar a navegação: use NavigationSuiteScaffold para mudar automaticamente para uma barra ou gaveta de navegação quando a janela do app for expandida em uma tela de computador.

Saiba mais

Para orientações sobre o desenvolvimento do ChromeOS, consulte Dispositivos ChromeOS.