什么是GUI（图形用户界面）？定义、要素和优势

智能手机、计算机和平板电脑等常见设备都具有称为图形用户界面 （GUI） 的视觉组件。在本文中，我们将概述什么是图形用户界面，包括其元素和优点。

什么是图形用户界面？

GUI 是图形用户界面的首字母缩写，即允许用户通过图形元素与电子设备（如计算机、笔记本电脑、智能手机和平板电脑）进行交互的界面。在人机交互方面，它是软件应用程序编程的重要组成部分，用用户友好的操作取代基于文本的命令。它的目标是为用户提供易于查找、理解和使用的决策点。换句话说，GUI允许您使用鼠标，笔甚至手指控制设备。

创建 GUI 是因为文本命令行界面复杂且难以学习。GUI 进程允许您单击或指向称为图标或小部件的小图片，并在设备上打开命令或功能，例如选项卡、按钮、滚动条、菜单、图标、指针和窗口。它现在是软件应用程序编程中以用户为中心的设计标准。

使用 GUI 的程序称为“GUI 程序”。该程序创建任务或功能的小图片，并等待用户与它们进行交互。用户控制何时以及如何使用它们。要选择功能，用户可以使用键盘、指针设备，例如鼠标、触摸板或触摸屏，具体取决于设备。

图形用户界面元素

GUI 使用共同定义界面外观的结构元素。GUI 从四个基本组中提取其元素，包括：

1. 输入控制

以下是 GUI 输入控制元素的示例：

• 按钮：按钮是让您立即做出选择并采取行动的圆圈。单选按钮以组的形式出现，一次只能选择一个按钮。标签按钮上有文本。如果要选择多个选项，请考虑使用复选框。

• 复选框：复选框是一个或多个选项列表中的方框。单击该框时，它将保持选中状态。它们最好以垂直列表显示。复选框可以是单个框（如确认语句），也可以是相关项目的列表（如购物清单）。

• 日期选择器：日期选取器允许您选择日期和/或时间。创建者可以选择日历或填写选项。它确保使用一致的格式，例如“日、月、年”。

• 下拉列表：下拉列表允许您一次选择一个项目。可以紧凑地包含多个项目。考虑添加说明，例如“选择一个”，让用户知道该怎么做。创建者可以添加或删除项目以使列表保持最新。

• 列表框：列表框允许您从一个紧凑列表中选择多个项目。如果您有很长的选项列表供用户考虑，请使用此 GUI 功能。列表框有四种变体：单行、多选、带复选框的多选和多选-双列表框。

• 文本框：文本框是允许您输入文本的字段。创建者可以控制允许的文本量。

• 切换：切换按钮可让您更改通常为关闭/打开状态的设置。

2. 导航组件

以下是 GUI 导航元素的示例：

• 面包屑：痕迹导航提供后续页面的可单击跟踪。它们为您提供页面的可视化地图，以便您轻松导航。

• 图标：图标是用作符号的小图像，可帮助您导航系统。它们通常用于指示应用程序、文件夹、文件或 Web 浏览器。使用图标是打开文档和运行程序的快速方法。此外，在同一应用程序中创建的所有文件都将具有该应用程序的图标和相同的扩展名。

• 图片轮播图片轮播可让您滚动浏览一组图片，然后选择想要放大的图片。轮播通常包含可能带有超链接的缩略图。

• 分页：分页将内容划分为多个页面，并允许您在页面之间跳转或按顺序关注它们。

• 搜索字段：搜索框允许您输入关键字或短语以搜索索引以获取相关结果。它们通常是带有搜索按钮的单行文本框。

• 滑 块：滑块有一个条形图和一个在其上滑动的勾号。创建者可以控制条形和刻度的大小、条形边距及其方向。

• 标签：标签可让您查找同一类别中的内容。选项包括让用户能够将自己的标签添加到系统中。

• 制表符：选项卡是一个小框，显示与特定窗口关联的名称或图形图标。选择选项卡时，您将看到该窗口中显示的特定控件和信息。例如，当您在 Web 浏览器中打开多个页面时，您将看到浏览器窗口顶部显示的不同选项卡。

3. 信息组件

以下是 GUI 信息元素的示例：

• 消息框：消息框是一个小窗口，其中包含策略或免责声明等信息。它要求您在继续之前采取措施。

• 通知：通知是一个消息框。通常，它们用于指示紧急警告、错误消息或任务完成。

• 弹出窗口：弹出窗口或模态窗口要求您先与其交互，然后才能返回到系统。

• 进度条：进度条显示您在流程中的一系列步骤中所处的位置。通常，进度条不可单击。例如，进度条可能会在订单、烹饪和配送流程中显示披萨订单的状态。

• 工具提示：当您将鼠标悬停在项目上时，工具提示会为您提供更多信息。例如，当您将鼠标悬停在某个字词或短语上时，您可能会收到定义和用法示例。

4. 容器

下面是 GUI 容器元素的示例：

• 手风琴：折叠项是具有显示和隐藏功能的项的堆叠列表。单击标签时，列表将展开为其完整大小。

图形用户界面的交互元素

除了结构元素之外，GUI 还具有交互元素，例如：

• 游标：光标指示系统接下来将接受输入的位置。它可以是指针（跟随指针设备（如鼠标）的移动），也可以是文本光标（指示当前文本框中的焦点）。

• 选择：选择是指用户将对其应用操作的项目列表。用户将选择一部分文本进行剪切、复制和粘贴操作。图像编辑应用程序允许用户使用魔杖选择或套索选择工具来选择和修改图像的某些区域。

• 调节手柄：句柄用作拖放操作的指示器。当用户将指针放在手柄上以启动拖动过程时，其形状将更改为表示拖动功能的图标。

GUI 有什么好处？

较旧的桌面操作系统（如 MS-DOS）和许多当前的编程语言都使用命令行界面，这些界面要求您在命令行中键入长行代码才能访问系统的功能。您必须知道系统的可用命令以及如何以正确的格式输入它们。这意味着小错误（如拼写错误或间距不正确）将阻止函数执行。

GUI 使用可视元素来表示那些现在隐藏的命令行。您只需选择一个按钮或图标即可调用相关函数。GUI 的易用性使公众无论经验或知识如何，都可以访问日常使用的各种系统。

使用 GUI 还有许多其他好处。以下是一些最常见的：

1.易于使用

由于数据由符号、形状和图标表示，因此用户可以轻松识别、分类和导航选项。只需单击一下即可获取功能。由于它非常易于使用和理解，GUI 已成为计算机和移动设备的首选界面。

2. 易于沟通

数据的可视化表示比文本识别得更快。非程序员发现 GUI 很容易使用，因为它不需要计算命令的经验。他们不必担心编写或调试代码。因此，用户发现GUI是一个易于学习的界面。

3. 有吸引力

GUI 具有视觉上吸引人的功能，并且不会因命令行代码而混乱。视觉图像可以用长行的计算机语言描绘情感、评论和情况。图片等易于理解，往往具有普遍意义。

4.提供快捷方式

GUI 允许用户利用快捷键来最小化笔画。两个键的组合代替多个操作可节省用户时间并提高工作效率。例如，号召性用语按钮可以调出表单、预填充的信件或联系信息列表。这个按钮使您免于搜索相同的信息。

5.允许多任务处理

GUI允许用户同时工作和查看两个或多个程序。例如，您可以在从 Web 浏览器搜索互联网时查看流式演示文稿。您可以在另一个选项卡中使用搜索引擎撰写演示文稿评论时观看视频。