El acordeón es un elemento de control gráfico que comprende una lista de elementos apilados verticalmente, como etiquetas o miniaturas . Cada elemento se puede "expandir" o "contraer" para revelar el contenido asociado con ese elemento. Puede haber cero elementos expandidos, exactamente uno o más de un elemento expandido a la vez, según la configuración.
![](http://wikiimg.tojsiabtv.com/wikipedia/commons/thumb/c/cd/Free_psd_ui_kit_sleek_accordion_menu_by_melaychie-d5fb2d9.png/220px-Free_psd_ui_kit_sleek_accordion_menu_by_melaychie-d5fb2d9.png)
El término proviene del acordeón musical en el que las secciones del fuelle se pueden expandir tirando hacia afuera.
Un ejemplo común de un acordeón es la operación Mostrar / Ocultar de una región de caja, pero ampliada para tener varias secciones en una lista.
Un acordeón tiene un propósito similar a una interfaz con pestañas , una lista de elementos donde exactamente un elemento se expande en un panel (es decir, los elementos de la lista son accesos directos para acceder a paneles separados).
Definición de usuario
Varias ventanas están apiladas unas sobre otras. Todos están " sombreados ", por lo que solo se ven sus leyendas. Si se hace clic en uno de ellos, para activarlo, está "sin sombrear" o "maximizado". Otras ventanas en acordeón se desplazan alrededor del borde superior o inferior.
Ejemplos de
Un ejemplo común de uso de un acordeón GUI es la operación Mostrar / Ocultar de una región de caja, pero ampliada para tener varias secciones en una lista.
SlideVerse es una interfaz de acordeón que proporciona acceso a contenido web. [1]
La vista de lista de Google Reader también incluye esto.
En un ejemplo temprano, la página de descarga de Apple usó acordeones roll-over en 2008. En este ejemplo, capturado en Wayback Machine en el Archivo de Internet , la columna izquierda de la página incluye tres categorías que se expanden en el roll-over: "Todas las descargas" , "Descargas principales de Apple" y "Descargas principales". [2]
Referencias
- ^ "SlideVerse - Una mirada diferente a Internet" . Archivado desde el original el 3 de febrero de 2009 . Consultado el 25 de octubre de 2008 .
- ^ https://web.archive.org/web/20080430124840/https://www.apple.com/downloads/
enlaces externos
- Widget de acordeón jQuery UI
- Tu cabeza
- Tutorial de mootools (donde el efecto se llama estante deslizante ) en MONFX
- Demostración de la interfaz de acordeón de un guión de acordeón