Esta página foi traduzida pela API Cloud Translation.

Lista de itens

A visualização em lista exibe o conteúdo como itens de linha em uma lista de coluna única com rolagem vertical. Essa visualização é ideal quando os usuários dependem da leitura de texto e da visualização de dados para fazer suas seleções.

Os itens de lista requerem menos espaço vertical do que os itens de grade, permitindo que mais itens sejam exibidos na tela.

Componente de grades

As grades oferecem um modo de exibição alternativo que destaca as imagens.

Anatomia

Em uma visualização de lista, cada linha contém um bloco que representa um item da lista. As ações principais podem preencher o bloco, permitindo que os usuários iniciem ações de qualquer ponto dentro do bloco. Para ações complementares representadas por ícones e texto, apenas a região que contém os ícones e o texto é clicável.

Especificações

Item de lista de uma única linha

Item de lista de duas linhas

Item de lista de duas linhas invertido

Item de lista com várias linhas e cabeçalho

Item de lista com várias linhas sem cabeçalho

Item da lista com texto excedente

Item de lista com ações divididas

Posicionamento do ícone indicador nos itens da lista

Dimensionamento de layouts

Esses layouts de referência mostram como adaptar os itens da lista para telas de diferentes larguras e alturas. (As categorias de largura e altura são definidas na seção Layout .) Observe que todos os valores de pixel estão em pixels renderizados, antes de qualquer redução ou aumento de resolução.

Layout

Margens, linhas de contorno e preenchimento para vários tamanhos de tela.

Rótulos de layout

Definições de E, M, KL, P, Flex

Telas padrão, largas e extralargas

Telas padrão, largas e extralargas com mosaico de conteúdo.

Telas super amplas

Estilos

Tipografia

Cor

Tamanhos

Exemplos