知识点滴 - 图形界面控件

命令输入 Command input

    调节手柄 Adjustment handle

    按键 Button

    上下文菜单 Context menu

    下拉列表 Drop-down list

    菜单  Menu

    环形菜单 Pie menu / radial menu

    汉堡按键或菜单 Hamburger button

    

数据输入输出 Data input-output

    复选框 Checkbox

    组合框 Combo box

    Cycle button / toggle button

    列表框 List box

    双选项单选按钮 Toggle switch

    多选项单选按钮 Radio button

    滚动条 Scrollbar

    滑动条 Slider

    微调器 Spinner

    文本框 Text box

    日期选择框 Date picker

    颜色拾取器 Color picker

    搜索框 Search box

    

信息显示

    气球帮助  Balloon help

    标签 Label

    树形视图  Tree view

    工具提示 Tooltip 

    进度条  Progress bar

    状态栏 Status bar

    

其他

    工具栏 / Ribbon / toolbar

    标签页 Tab

    超链接 Hyperlink

Graphical control element /  Graphical Widget

命令输入 Command input

Adjustment handle

按钮 Button

环境菜单 Context menu

下拉列表 Drop-down list

菜单  Menu

 

还可以有Submenus。

环形菜单 Pie menu / radial menu

环形菜单可以再呼出环形菜单，新的中心位置会重新对齐。

4个、8个菜单情况适合在键盘或手柄情况下时使用方向键来控制菜单。

用鼠标也可以控制，点击中间空白处即可退出menu。

汉堡按键或菜单 Hamburger button

Windows的开始菜单左上角就是：

点击这个按键后，就会切换Menu列表的状态，显示更多的信息。

---

数据输入输出 Data input-output

复选框 Checkbox

两种状态，勾选和未勾选：

三种状态，勾选，未勾选和未确定：

表示一种未确定状态，一般是用来表示一组状态里，里面混合了勾选和不勾选的情况。

组合框 Combo box

这个和Drop-down list类似，不过是从下面的列表中选择内容来作为输入。或者可以自己直接输入内容。

Cycle button / toggle button

这个button是每点一下切换一个值，比较省地方，但如果选项比较多就不适用了。

列表框 List box

选中一个或多个条目。

双选项单选按钮 Toggle switch

多选项单选按钮 Radio button

滚动条 Scrollbar

滑动条 Slider

微调器 Spinner

使用上下按键调整数值，或者直接在文本框中输入数值。

文本框 Text box

分为可编辑和不可编辑；单行和多行。

用来输入或显示文本信息。

Date picker

Color picker

  

Search box

---

信息显示 

气球帮助  Balloon help

气球帮助是苹果电脑公司在1991年发布的System 7.0中引入的一个帮助系统。这个名字指的是帮助文本的显示方式，即 "语音气球"，就像连环画中包含的那些字。此后，这一名称被许多人用来指代任何形式的弹出式帮助文本。

Label 标签

用来显示文字信息，一般是没有焦点，没有交互。有的label鼠标点击后，会将文字copy下来，不过这不是标准的UI(user-interface)实现。

树形视图  Tree view

树状视图或纲要视图是一种图形控制元素，呈现出信息的分层视图。每个项目（通常称为分支或节点）可以有许多子项目。这通常是通过列表中的缩进来实现的。

如果有子项目存在，一个项目可以被展开以显示子项目，被折叠以隐藏子项目。

树状视图经常出现在文件管理器应用程序中，它们允许用户浏览文件系统的目录。它们也被用来展示层次化的数据，如XML文档。

Tooltip 工具提示

当鼠标悬停在某个界面元素时，会显示一个文本框，显示一些信息。

进度条  Progress bar

 

状态栏 Status bar

 GTK-based gedit with a popover in the status bar. 最下方的就是状态栏。

 

---

其他

工具栏 / Ribbon / toolbar

标签页 Tab

用来在一个窗口中，可以切换显示多个文档或面板。

超链接 Hyperlink

点击后引用其他的数据：

---

Ultimately, we are deluding ourselves if we think that the products that we design are the "things" that we sell, rather than the individual, social and cultural experience that they engender, and the value and impact that they have. Design that ignores this is not worthy of the name. (Personal mantra.)

我们设计的产品，如果当作是售卖的东西，而不是它们所产生的个人、社会和文化体验，以及它们所具有的价值和影响，那么我们就是在欺骗自己。

参考：

https://en.wikipedia.org/wiki/Checkbox

单选按钮 - Win32 apps | Microsoft Docs

Bill Buxton Home Page