Layouts de widgets canônicos

Para criar layouts de widget eficazes, primeiro identifique seu conteúdo principal. O layout determina como as informações e os elementos interativos são organizados no widget. O Android oferece vários layouts pré-criados para barras de ferramentas, texto, listas e widgets do tipo grade para simplificar esse processo.

Texto

Os layouts de texto são ideais para mostrar informações concisas. Melhore o apelo visual do widget incluindo uma imagem ao lado do texto.

Somente texto

Ideal para títulos, atualizações de status, descrições curtas ou qualquer cenário em que uma única linha de texto transmita a mensagem de forma eficaz. Consulte o exemplo de layout canônico para orientações sobre como dimensionar dinamicamente o conteúdo de texto com base no tamanho do widget.

Texto e imagem

Inclua uma imagem para aumentar o impacto visual. Para mais informações, consulte Pontos de interrupção para saber como adaptar esse layout a diferentes tamanhos de tela.

Barras de ferramentas

Use layouts de barra de ferramentas para oferecer aos usuários acesso rápido a tarefas usadas com frequência no app, em um layout flexível que se adapta a tamanhos de widgets diferentes.

Barra de ferramentas de pesquisa

Um layout de barra de ferramentas de pesquisa é projetado intencionalmente para direcionar o foco à pesquisa como uma ação principal na barra de ferramentas. Outros botões úteis podem fornecer acesso rápido a funções usadas com frequência.

Barra de ferramentas Google

As barras de ferramentas apresentam a marca do app seguida de botões para as tarefas mais usadas, ideais para configurações alternáveis ou links de tarefas. Ao redimensionar, as opções menos usadas com frequência podem ser ocultadas em favor de ações mais comuns. Use Pontos de interrupção para adicionar um novo botão tocável de 48 dp quando houver espaço.

Listas

Use layouts de lista para organizar vários itens em um formato claro e fácil de verificar. Isso é ideal para manchetes de notícias, listas de tarefas ou mensagens. Organize o conteúdo em uma lista estruturada e fácil de ler. Escolha entre uma apresentação com ou sem contêineres com base nas suas necessidades de conteúdo.

Lista de texto e imagem

Listas de texto e imagens fáceis de ler são perfeitas para mostrar vários tipos de conteúdo, como manchetes de notícias, playlists com arte de álbuns ou mensagens.

Lista de verificação

O layout de lista de verificação é perfeito para mostrar tarefas, oferecendo destinos de toque claros para que os usuários marquem rapidamente os itens como concluídos.

Lista de ações

Ofereça agrupamento de controle intuitivo com listas de ações, em que os estados visuais ativado/desativado oferecem feedback imediato sobre os status dos itens.

Grade

Apresente imagens em uma grade compacta, flexível e visualmente rica com rótulos opcionais. Use colunas e linhas que se adaptam a diferentes tamanhos de tela.

Somente imagem

Crie galerias de imagens roláveis e visualmente impactantes usando grades somente de imagens. As linhas e colunas se adaptam automaticamente a vários tamanhos de tela para uma apresentação ideal.

Imagem e texto

Você também pode incorporar descrições e rótulos de texto, enriquecendo o conteúdo da grade de imagens com mais contexto e informações.