Acordeón (elemento de interfaz de usuario)

La versión actual de la página aún no ha sido revisada por colaboradores experimentados y puede diferir significativamente de la versión revisada el 18 de noviembre de 2018; las comprobaciones requieren 4 ediciones .

Un gráfico de acordeón es una lista de elementos apilados verticalmente, como etiquetas de texto o miniaturas . Cada elemento se puede "expandir" o "expandir" para mostrar el contenido asociado con ese elemento.

El término se asocia con el instrumento musical del mismo nombre , en el que secciones del fuelle se despliegan cuando se estiran.

Un ejemplo común de un acordeón es una operación Mostrar/Ocultar en una sola región, que se puede expandir para mostrar el contenido de varias secciones en una lista.

El acordeón tiene un significado 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 de etiquetas se refieren a paneles individuales).

Desde el punto de vista de un desarrollador

Un acordeón es una serie de botones o etiquetas apiladas una encima de la otra. Cuando un botón está activo, el espacio debajo del botón se usa para mostrar ventanas individuales. Las secciones suelen tener un ancho limitado por el tamaño del campo de texto. Cuando se abre una sección, desplaza las etiquetas de texto debajo de ella a la altura de la ventana expandida. Solo una sección de acordeón puede estar activa en un momento dado. La sección activa puede tener barras de desplazamiento .

Cita

Desde el punto de vista del usuario

Varias ventanas se superponen entre sí. Todos ellos están ocultos, solo sus títulos son visibles. Si se presiona uno de ellos para activarlo, se expande. Otras ventanas en el acordeón se encuentran a lo largo del borde superior o inferior.

Ejemplos

Un caso de uso típico para un acordeón es la operación Mostrar/Ocultar una región, pero a diferencia de otros elementos de la interfaz, el acordeón recopila varias de estas secciones ocultas en una sola lista.

SlideVerse es un ejemplo de acordeón utilizado para proporcionar acceso a contenido web. [una]

La visualización de la lista en Google Reader también utiliza el acordeón.



Notas

  1. Copia archivada (enlace descendente) . Consultado el 25 de octubre de 2008. Archivado desde el original el 3 de febrero de 2009. 

Enlaces