Alternar ícones
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Um ToggleChip
é um ícone especializado que permite aos usuários selecionar várias opções.
Ícone de alternância
Os ícones de alternância incluem um controle de alternância de dois estados. Alguns exemplos
de um controle de alternância de dois estados incluem um interruptor, um botão de opção ou
uma caixa de seleção. Use ícones de alternância para situações em que muitas opções podem
precisar ser definidas de maneira rápida e fácil, como nas Configurações.
Anatomia
Os ícones de alternância têm quatro slots que acomodam dois rótulos de texto, um
controle de seleção e um ícone de aplicativo. O ícone e o rótulo
secundário são opcionais.
A. Rótulo
B. Rótulo secundário
C. Ícone
D. Controle de seleção
E. Contêiner
Controles de seleção
Interruptor
Use um interruptor para ativar ou desativar uma seleção.
Botão de opção
Use botões de opção nas listas em que o usuário pode selecionar apenas uma opção.
Caixa de seleção
Use caixas de seleção nas listas em que o usuário pode selecionar várias opções.
Ícones de alternância de divisão
O
SplitToggleChip
é diferente do ToggleChip, já que tem duas
áreas tocáveis, uma área de texto clicável e uma com um botão de alternância.
Nos ícones de alternância de divisão, diferencie a área de toque do
segundo plano e o controle de alternância, definindo cada seção de uma cor diferente.
Uso
Use os ícones de alternância conforme mostrado no exemplo abaixo.
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 2023-12-02 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"
}]