Guias
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
As guias organizam o conteúdo em diferentes telas, conjuntos de dados e
interações. As guias podem ser usadas para alternar entre visualizações de grupos de informações
diferentes e relacionados.
Recursos
Destaques
- É possível rolar as guias horizontalmente. Uma interface pode ter quantas guias forem necessárias.
- As guias organizam o conteúdo em categorias para ajudar os usuários a encontrar
diferentes tipos de informações rapidamente.
- As guias são exibidas uma ao lado da outra como apps semelhantes, em categorias
de igual importância.
Variantes
Há dois tipos de indicadores de guia:
- Indicador de pílula
- Indicador de barra
Escolha o tipo certo de acordo com a ênfase. As guias do indicador de pílulas são
recomendadas para organizar páginas inteiras. Eles mostram os principais
destinos de conteúdo. As guias indicadoras de barra são usadas em uma área de conteúdo para
separar ainda mais o conteúdo relacionado e estabelecer uma hierarquia.
Anatomia
- Ícone (opcional)
- Gravadora
- Indicador ativo
- Comprimido
- Bar
- Contêiner
Estados
- Padrão
- Focado
- Selecionado
Especificações
Comportamento
Ao passar de uma guia para a próxima, o conteúdo abaixo também desliza para a esquerda ou
para a direita com base no movimento da guia.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2024-08-19 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Não contém as informações de que eu preciso"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muito complicado / etapas demais"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desatualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema na tradução"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema com as amostras / o código"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Outro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de entender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Meu problema foi resolvido"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Outro"
}]
{"lastModified": "\u00daltima atualiza\u00e7\u00e3o 2024-08-19 UTC."}
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2024-08-19 UTC."]]