Criar apps adaptáveis para o Googlebook

O Google Livros é criado com base na pilha de tecnologia do Android e nos fundamentos do desktop do ChromeOS.

O Googlebooks combina a conveniência dos dispositivos móveis com os recursos dos computadores, incluindo telas sensíveis ao toque de alta resolução, teclados dedicados, trackpads de precisão, bateria para o dia todo e integração do Gemini no nível do SO.

Com o Googlebook, os usuários podem passar de interações rápidas nos smartphones para sessões imersivas e prolongadas em um ambiente de computador.

Adaptar o app

Não é necessário criar um app separado do zero para oferecer suporte ao Googlebook. O desenvolvimento adaptativo permite que apps Android sejam dimensionados em telas grandes e em formatos de laptop com uma única base de código.

Se o app já implementa layouts adaptáveis, classes de tamanho de janela e suporte a várias entradas, você pode criar diretamente com base nessa base sólida.

Diagrama de wireframe comparando uma tela de dispositivo móvel de coluna única com um layout de computador de duas partes.
Figura 1. Layouts adaptáveis que reorganizam as visualizações para dispositivos móveis em uma experiência de desktop com vários painéis.

Veja estes tópicos:

Ganhar destaque no Google Play

Ao otimizar seu app para o Googlebook, você aumenta a visibilidade dele em todo o ecossistema Android:

  • Descoberta na vitrine:o Google Play destaca títulos otimizados com selos dedicados, pesquisa aprimorada e posicionamentos em destaque nas páginas iniciais da loja.

  • Incentivos do programa:oferecer qualidade otimizada para computador prepara seu app para o programa Experiência nos Apps, em que você pode se inscrever para acessar uma tabela de preços criada para apoiar o crescimento dos negócios.

  • Transferência de configuração do dispositivo:quando os usuários fazem login para configurar um Googlebook, as configurações, senhas salvas, redes Wi-Fi e mensagens do smartphone Android são sincronizadas com criptografia de ponta a ponta, e os apps otimizados são destacados para transferência durante a integração.

Vitrine do Google Play mostrando coleções de apps e jogos com selos "Otimizado para computador".
Figura 2. Apps otimizados para selos de computador e coleções dedicadas no Google Play.

Veja estes tópicos:

Desenvolver os princípios básicos para computadores

No Googlebook, seu app opera em um ambiente de computador ao lado de um navegador Chrome e ferramentas do sistema para computadores. Em vez de esticar interfaces móveis em uma tela grande, reorganize o conteúdo em agrupamentos funcionais para aumentar a densidade de informações, a precisão da entrada e a multitarefa ativa.

Adotar uma arquitetura de vários painéis

Projete a interface do app para expandir, refluir ou revelar mais detalhes à medida que os limites da janela mudam:

  • Coordenar cenas adaptáveis:com a Navigation 3, implemente ListDetailSceneStrategy e SupportingPaneSceneStrategy para coordenar painéis lado a lado diretamente da sua backstack quando houver espaço disponível na janela expandida.

  • Adicionar navegação persistente:use decoradores de cena para envolver telas com colunas de navegação persistentes para computador.

  • Organize conteúdo complexo:combine estratégias de cena com primitivos de layout, como Grid e FlexBox, além das APIs experimentais mediaQuery e Styles, para organizar o conteúdo e ajustar os estilos visuais de forma dinâmica em telas de computador.

Veja estes tópicos:

Responder a tamanhos de janela dinâmicos e ergonomia de computadores

No Modo Janela para Computador livre, os usuários podem redimensionar as janelas de apps dinamicamente a qualquer momento. Faça com que seu app se adapte a mudanças no tamanho da janela com:

  • Classes de tamanho de janela:baseie suas decisões de layout no espaço disponível da janela usando classes de tamanho de janela em vez de dimensões físicas da tela.

  • Tipografia e dimensionamento de destino:ajuste a escala tipográfica para distâncias de visualização em computadores, defina larguras máximas de layout para manter os comprimentos de linha legíveis, defina destinos de clique explícitos para evitar cliques incorretos e explore padrões de layout na galeria de design para computadores.

Diagrama que ilustra os pontos de interrupção das classes de tamanho de janela com largura compacta, média, expandida, grande e extra grande.
Figura 3. Representações de classes de tamanho de janela baseadas em largura.

Veja estes tópicos:

Oferecer experiências diferenciadas para o Googlebook

Depois que o layout principal estiver adaptável, enriqueça o app com recursos específicos para o hardware e o ambiente de computador do Googlebook.

Suporte para entrada de precisão e atalhos de teclado

O Jetpack Compose oferece suporte nativo à navegação por teclado físico e à seleção de ponteiro. Otimize para teclados retroiluminados, trackpads de vidro hápticos e mouses externos do Googlebook com o seguinte:

  • Cursores contextuais:integre cursores contextuais para entrada de texto, redimensionamento de painéis e seleção de ferramentas.

  • Interações com o ponteiro:implemente menus de contexto com clique direito e estados de passar o cursor para elementos interativos.

  • Atalhos do teclado:faça com que os atalhos de teclado do seu app sejam descobertos pelo Assistente de atalhos do teclado.

Veja estes tópicos:

Ativar fluxos de trabalho de várias instâncias e arrastar e soltar

No Googlebook, os apps são executados em janelas de formato livre, em que os usuários trabalham em várias tarefas simultaneamente.

Seletor de tarefas da área de trabalho do Android mostrando várias janelas de apps em execução.
Figura 4. Seletor de tarefas mostrando várias janelas abertas e instâncias de apps.

Amplie a experiência do usuário com estes recursos:

  • Suporte a várias instâncias:permite que os usuários abram janelas independentes do app lado a lado para comparar conteúdo ou gerenciar vários documentos.

  • Arrastar e soltar entre janelas:combine o suporte a várias instâncias com arrastar e soltar para que os usuários possam mover texto, imagens e arquivos entre janelas ou soltar itens em um espaço de trabalho vazio para iniciar uma tarefa.

  • Barras de cabeçalho personalizáveis:estilize as barras de apps com planos de fundo, barras de pesquisa ou guias personalizados na barra de cabeçalho da legenda do computador, respeitando os controles de janela do sistema.

    Ilustração de um usuário arrastando um item de uma janela de app de formato livre e soltando em outra janela.
    Figura 5. Multitarefas com várias janelas e recurso de arrastar e soltar entre elas.

Veja estes tópicos:

Conecte dispositivos e aproveite a inteligência do Gemini

O Googlebook é o companheiro perfeito para seu smartphone Android, com recursos como:

  • Transferência e continuidade entre dispositivos:use o Continuar no para que os usuários possam retomar tarefas do smartphone Android diretamente na barra de tarefas do Googlebook.

    Transmita o estado por HandoffActivityData para preservar o contexto, como posição do documento ou guias ativas, com substituições opcionais da Web.

  • Widgets para computador e inteligência integrada:mostre conteúdo fácil de entender e prático com widgets personalizáveis que complementam o ambiente de trabalho do Googlebook e as ferramentas integradas do Gemini (como Ponteiro mágico, Rambler e Criar meu widget).

Avalie sua implementação com base nas diretrizes de qualidade de apps para computador e verifique se o app atende aos padrões de usabilidade para computador.

Veja estes tópicos:

Acelere seu fluxo de trabalho com ferramentas dedicadas

Testar e otimizar seu app para o Googlebook se integra diretamente ao seu fluxo de trabalho de desenvolvimento:

  • Emulador de computador no Android Studio:execute um ambiente de área de trabalho virtual na estação de trabalho para testar o redimensionamento livre de janelas, verificar interações de várias instâncias e depurar entradas de mouse, trackpad e teclado usando a prévia do Android Studio.

  • Linux no dispositivo e desenvolvimento com agentes:o Googlebook inclui um ambiente de terminal Linux isolado com tecnologia de um hipervisor pKVM certificado com segurança de nível 5, além da plataforma de desenvolvimento Antigravity e ferramentas de CLI para que você possa criar, testar e implantar apps diretamente no dispositivo.

  • Modernização de layout assistida por IA:instale a habilidade adaptativa usando a CLI do Android para dar aos agentes de programação de IA contexto para refatorar layouts móveis em contêineres responsivos do Compose.

Veja estes tópicos: