Modelo de lista

O modelo de lista apresenta uma coleção de linhas ou itens de conversa com rolagem vertical. As listas são úteis quando os usuários precisam navegar rapidamente por itens em formato de texto, como lugares visitados recentemente ou músicas em uma fila.

Com o modelo de lista, você pode:

  • Indicar um estado de carregamento.
  • Separe as listas em seções usando sublistas.
  • Use Linhas como chaves ou botões de opção.

Você também pode fornecer navegação por guias incorporando listas no modelo de guia e mostrar uma lista em um mapa usando o modelo Mapa + conteúdo.

Modelo de lista
Modelo de lista com seções
Modelo de lista em um mapa

Inclui:

Para saber mais sobre o que você pode fazer com as linhas no modelo de lista, consulte Opções de linha apenas para o modelo de lista e os exemplos em Fluxos de amostra.

Mais texto da lista quando o carro está estacionado

A quantidade de texto secundário permitida em cada linha da lista varia dependendo de se o carro está estacionado ou em movimento. Para minimizar distrações, o texto é truncado para duas linhas enquanto você dirige. Qualquer texto que precise ser lido enquanto dirige deve ser exibido no início do texto secundário.

Dirigindo
Estacionado

Requisitos de UX do modelo de lista

MUST Inclua um cabeçalho de seção quando houver seções.
NÃO FAÇA O SEGUINTE Misture linhas de lista selecionáveis (com botões de opção) com outros tipos de linhas ou separe-as com seções.
DEVE Apresentar seleções padrão em listas selecionáveis.
DEVE Ter uma ação associada a cada item da lista. Não é recomendável usar linhas apenas com informações.
DEVE Coloque o conteúdo no texto secundário que deve ser lido enquanto dirige perto do início para evitar truncamento.
DEVE Inclua um cabeçalho com um título opcional e ações principais e secundárias.
MAI Divida o conteúdo da lista em seções.
MAI Misture linhas com chaves de alternância e outras linhas conforme necessário.
MAI Atualize o texto da linha e a imagem ou o ícone quando o usuário mudar o estado da alternância.

Recursos

Tipo Link
Referência da API ListTemplate, ListTemplate.Builder