YUI提供的RIA控件

Bill Scott和Theresa Neil的这本书Design Web Interfaces: Principles and Patterns for Rich Interactions定义了Web界面上交互应用的设计原则和模式,这对设计师、产品经理和前端工程师都有重要的参考意义。Theresa Neil列出了30个最基本控件。像系统控件一样,这些控件可以称之为RIA控件。

jQuery提供的RIA控件http://wiki.jqueryui.com/Essential-Controls-List

下面是我总结的YUI提供的RIA控件。无论你使用什么框架,也可以参照这个建立自己的标准RIA控件库。

01. Auto Suggest

YUI AutoComplete (详情, 例子)

02. Carousel

Carousel Control (详情, 例子)

03. Charts & Graphs

Charts (详情, 例子)

04. Collapsible Panels (accordion, disclosure triangles, slide drawer)

Accordion Widget(计划中,文档)

05. ComboBox

Button Control (详情, 例子)

06. Date Picker/Calendar

Calendar (详情, 例子)

07. Dialogs(Modal, Light Widget, LightBox)

Dialog (详情, 例子)

08. Docking

未提供

09. Drag & Drop Manager

Drag & Drop Utility (详情, 例子)

10. Dynamic Filter

DataTable Control (详情, 例子)

11. Feedback/Status

未提供

12. Fisheye/Spotlight

未提供

13. Gauges (and other visual progress or status indicators)

Progress Bar(YUI 3) (文档)

14. Help Tip/Quick Tip

ToolTip (详情, 例子)

15. Hot Keys

YAHOO.util.KeyListener (文档)

16. Hover Action

未提供

17. Hover Detail

未提供

18. Inline Edit

未提供

19. Progress Indicator/Loading

Panel (例子)

20. Rating

未提供

21. Record Locator/Paginator

Paginator (详情, 例子)

22. Slider

Slider (详情, 例子)

23. Scoped Search

未提供

24. Sparklines

未提供

25. Table/Date Grid (scrolling, editable, grouped)

DataTable (详情, 例子)

26. Toolbar

Menu (详情, 例子)

27. Vertical Browser

未提供

28. View Toggle(buttons, button bar)

Button (详情, 例子)

29. WYSIWYG Editor/Rich Text Editor

Editor (详情, 例子)

30. Zoom

未提供

Bonus – Desktop Style Container

Layout Manager (详情, 例子)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">