请输入您要查询的百科知识:

 

词条 Accordion (GUI)
释义

  1. Developer definition

     Purpose 

  2. User definition

  3. Examples

  4. References

  5. External links

{{short description|Expandable GUI element containing vertically stacked list of items}}{{refimprove|date=September 2014}}

The accordion is a graphical control element comprising a vertically stacked list of items, such as labels or thumbnails. Each item can be "expanded" or "collapsed" to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.

The term stems from the musical accordion in which sections of the bellows can be expanded by pulling outward.

A common example of an accordion is the Show/Hide operation of a box region, but extended to have multiple sections in a list.

An accordion is similar in purpose to a tabbed interface, a list of items where exactly one item is expanded into a panel (i.e. list items are shortcuts to access separate panels).

Developer definition

Several buttons or labels are stacked upon one another. At most one of them can be "active". When a button is active the space below the button is used to display a paned window. The pane is usually constrained by the width of labels. When opened it shifts labels under the clicked label down according to the height of that window. Only one button or pane combination can be active at any one time; when a button is selected any other active panes cease to be active and are hidden. The active pane may have scrollbars.

Purpose

  • Brings windows together which ought to have some relation to each other.
  • One window available at a time: to reduce information "overload" only one window is "opened".
  • Unavailable windows are "shortcutted" / shaded to make choice faster. Chat program Google Talk rewrites window labels to indicate important states like "someone is writing" ...
  • All windows stacked on each other together - see Fitts's law for further information about it.

User definition

Several windows are stacked on each other. All of them are "shaded", so only their captions are visible. If one of them is clicked, to make it active, it is "unshaded" or "maximized". Other windows in accordion are displaced around top or bottom edge.

Examples

A common example using a GUI accordion is the Show/Hide operation of a box region, but extended to have multiple sections in a list.

SlideVerse is an accordion interface providing access to web content.[1]

The list view of Google Reader also features this.

Apple has some roll-over accordions.[2]{{nonspecific|date=January 2019}} For example ({{As of|2008|12|lc=true}}), the left column of the page includes three categories that expand on roll-over: "All Downloads", "Top Apple Downloads", and "Top Downloads".

References

1. ^{{cite web|url=http://hypotext.webs.com/slideverse.htm |title=SlideVerse - A Different Look at the Internet |accessdate=2008-10-25 |deadurl=yes |archiveurl=https://web.archive.org/web/20090203043904/http://hypotext.webs.com/slideverse.htm |archivedate=2009-02-03 |df= }}
2. ^https://www.apple.com/downloads/

External links

  • jQuery UI accordion widget
  • [https://web.archive.org/web/20070503050709/http://www.yourhead.com/accordion/index.html YourHead]
  • [https://web.archive.org/web/20111008042954/http://mootools.net/demos/?demo=Accordion mootools] Tutorial (where the effect is called sliding shelf) on [https://web.archive.org/web/20070524055359/http://www.monfx.com/journal/2006/08/01/sliding-ajax-shelf-the-code-behind-the-mask/ MONFX]
  • Accordion Examples
  • [https://web.archive.org/web/20070602102134/http://www.ajaxdaddy.com/demo-interface-accordion.html Accordion Interface] Demo of an accordion script
{{Graphical control elements}}{{DEFAULTSORT:Accordion (Gui)}}

2 : Graphical user interface elements|Graphical control elements

随便看

 

开放百科全书收录14589846条英语、德语、日语等多语种百科知识,基本涵盖了大多数领域的百科知识,是一部内容自由、开放的电子版国际百科全书。

 

Copyright © 2023 OENC.NET All Rights Reserved
京ICP备2021023879号 更新时间:2024/9/24 13:13:30