Componentes do Material Design no Compose
O Jetpack Compose oferece uma implementação do Material Design, um sistema de design abrangente para criar interfaces digitais. Você pode usar funções combináveis para implementar componentes do Material Design.
Ações
Botões
Os botões solicitam a maioria das ações em uma interface.
Botão de ação flutuante
Os botões de ação flutuantes (FABs) ajudam os usuários a realizar ações principais.
Botão de ícone
Os botões de ícone ajudam os usuários a realizar ações simples com um toque.
Botão segmentado
Os botões segmentados ajudam os usuários a selecionar opções, alternar visualizações ou classificar elementos.
Comunicação
Selos
Os selos mostram notificações, contagens ou informações de status em ícones e itens de navegação.
Indicadores de progresso
Os indicadores de progresso expressam um tempo de espera não especificado ou mostram a duração de um processo.
Contenção
Páginas inferiores
Os painéis inferiores mostram conteúdo secundário fixado na parte de baixo da tela.
Cartões
Os cards mostram conteúdo e ações sobre um único assunto.
Carrossel
Os carrosséis mostram uma coleção de itens que podem ser rolados para dentro e para fora da tela.
Caixas de diálogo
As caixas de diálogo oferecem comandos importantes em um fluxo de usuários.
Divisores
Divisores são linhas finas que agrupam conteúdo em listas ou outros contêineres.
Navegação
Barras de apps
As barras de apps são colocadas na parte de cima da tela para ajudar os usuários a navegar.
Barra de navegação
As barras de navegação permitem que as pessoas alternem entre visualizações de interface em dispositivos menores.
Gaveta de navegação
Os menus de navegação permitem que as pessoas alternem entre visualizações da interface em dispositivos maiores.
Coluna de navegação
As colunas de navegação permitem que as pessoas alternem entre visualizações da interface em dispositivos de tamanho médio.
Guias
As guias organizam conteúdo em diferentes telas e visualizações.
Seleção
Caixa de seleção
As caixas de seleção permitem que os usuários selecionem um ou mais itens de uma lista ou ativem ou desativem um item.
Ícones
Os ícones ajudam as pessoas a inserir informações, fazer seleções, filtrar conteúdo ou acionar ações.
Seletor de data
Os seletores de data permitem que as pessoas escolham uma data ou um período.
Menus
Os menus mostram uma lista de opções em uma superfície temporária.
Botão de opção
Os botões de opção permitem que as pessoas selecionem uma opção em um conjunto.
Controles deslizantes
Os controles deslizantes permitem que os usuários façam seleções em um intervalo de valores.
Switch
As chaves ativam ou desativam a seleção de um item.
Seletores de horário
Os seletores de hora ajudam os usuários a selecionar e definir um horário específico.
Entradas de texto
Pesquisar
Com a Pesquisa, os usuários podem inserir uma palavra-chave ou frase para receber informações relevantes.
Campos de texto
Os campos de texto permitem que os usuários digitem texto em uma interface.
Listas e grades
Aprenda a usar layouts básicos no Compose.
Recursos
Aprenda a gerenciar recursos como strings e imagens.