Acordeão (GUI) - Accordion (GUI)
O acordeão é um elemento de controle gráfico que compreende uma lista de itens empilhada verticalmente, como rótulos ou miniaturas . Cada item pode ser "expandido" ou "reduzido" para revelar o conteúdo associado a esse item. Pode haver zero itens expandidos, exatamente um ou mais de um item expandido por vez, dependendo da configuração.
O termo deriva do acordeão musical no qual as seções do fole podem ser expandidas puxando para fora.
Um exemplo comum de acordeão é a operação Mostrar / Ocultar de uma região de caixa, mas estendida para ter várias seções em uma lista.
Um acordeão tem um propósito semelhante a uma interface com guias , uma lista de itens onde exatamente um item é expandido em um painel (ou seja, os itens da lista são atalhos para acessar painéis separados).
Definição do usuário
Várias janelas estão empilhadas umas sobre as outras. Todos eles estão " sombreados ", portanto, apenas suas legendas são visíveis. Se um deles for clicado, para torná-lo ativo, ele é "não sombreado" ou "maximizado". Outras janelas em acordeão são deslocadas em torno da borda superior ou inferior.
Exemplos
Um exemplo comum usando um acordeão GUI é a operação Mostrar / Ocultar de uma região de caixa, mas estendida para ter várias seções em uma lista.
SlideVerse é uma interface de acordeão que fornece acesso ao conteúdo da web.
A visualização de lista do Google Reader também apresenta isso.
Em um exemplo anterior, a página de download da Apple usava acordeões de roll-over em 2008. Neste exemplo, capturado na Wayback Machine no Internet Archive , a coluna esquerda da página inclui três categorias que se expandem na roll-over: "Todos os downloads" , "Principais downloads da Apple" e "Principais downloads".
Veja também
- Dobragem de código , uma técnica semelhante aplicada a texto
Referências
links externos
- Widget jQuery UI de acordeão
- Sua cabeça
- Mootools Tutorial (onde o efeito é chamado de prateleira deslizante ) no MONFX
- Demonstração de interface de acordeão de um script de acordeão