2019/1/29 2
一般制作步骤
界面制作包括界面设计和程序实现。具体制作 步骤如下：
(1)分析界面所要求实现的主要功能，明确设计任务。 (2)构建界面草图，并站在使用者的角度来审查草图。 (3)按构思的草图．制作(静态)界面并检查。 (4)编写界面动态功能的程序，对功能进行逐项检查。
[说明]
以上过程，仅是一般原则。在设计中，步骤之间也许要交叉 执行或复合执行。 设计和实现过程往往需要反复修改才能获得满意的界面。 建议先进行界面布局编码，后进行动态交互功能的编码。
• •
不同的界面效果直接影响相关感受，所以精心设计很有必要。请看示例
4
设计过程
明确设计任务 构建界面草图，并审查
制作静态界面
添加动态功能
是否满足要求
2019/1/29
5
示例
简洁
色彩Βιβλιοθήκη 功能好的界面方便
2019/1/29
6
设计工具（GUIDE）
为了能够简单、方便地进行GUI的设计与开发工作， MATLAB提供了一套方便、实用的GUI设计工具。 MATLAB中的GUI设计工具包括以下几个：
2019/1/29 7
对象设计编辑器 (Layout Editor)
• 在MATLAB命令窗口 内，选择File主菜单的 New子菜单，会看到 一个GUI的二级子菜单， 单击它，就会显示对 象设计编辑器(Layout Editor)；也可以在 MATLAB命令窗口的 命令行上输入guide， 显示对象设计编辑器。 启动窗口如右图所示。
2019/1/29 3
界面编程需要注意的事项
• 用户界面适合软件的功能（合适 性）。是指用户界面与软件功能 相融洽的程度。要避免用户的误 解、费解等。另外，不能为适应 某种体系结构的优势而导致界面 的不合适性。 容易理解。如果通过界面难以理 解界面的意图，使用起来一定费 力。容易理解是容易应用的前提。 要做到这一点：（1）界面中不能 有错字。（2）图标按钮含义直观 明了。（3）界面元素提供充分而 必要的提示。（4）界面结构能够 清晰的反映工作流程，以便用户 操作。 及时反馈信息。 防错处理。
2019/1/29 10
菜单编辑器（2）
• 图中左上角第一个按钮用于创建下拉式菜单。用户可以通过点击它， 来创建下拉式主菜单。第二个按钮用于创建下拉式主菜单的子菜单， 在选中已经创建的下拉式主菜单后，可以单击这个按钮来创建选中的 下拉式主菜单的子菜单。选中创建的某个下拉式菜单，菜单编辑器的 右边就会显示该菜单的有关属性，可以在这里设置、修改菜单的属性。 • 菜单编辑器界面的左下角有两个按钮，选择第一个按钮，可以创建 下拉式菜单，选择第二个按钮，可以创建context Menu菜单(类似于弹 出式菜单)。选择它后，图中左上角的第三个按钮就会变成可用，单 击它可以创建Context Menu主菜单。在选中已经创建的Context Menu主菜单后，可以单击第二个按钮创建选中的Context Menu主菜 单的子菜单。与下拉式菜单一样，选中创建的某个Context Menu菜单， 菜单编辑器的右边就会显示该菜单的有关属性，可以在这里设置、修 改菜单的属性。
2019/1/29 12
图形界面制作－菜单
• 在绝大多数的图形用户界面下，都包含有菜单。 通过选择各级菜单，可以执行相应的命令，实现 相应的功能。一般地，从菜单的标题或名字可以 大概了解该菜单的功能。在Windows系统中，菜 单一般位于用户图形界而的顶端。例如， MATLAB的主窗口中，就有一个主菜单栏，包括 File、Edit、View、Help等主菜单。在各级主菜单 下，还有相应的子菜单。 • 在MATLAB图形用户界面(GUI)设计中，有两种菜 单类型，分别是下拉式菜单类型Uimenu和内容式 菜单类型Uicontextmenu。
对象设计编辑器(Layout Editor)（有的书上成为布局编辑器）： 在图形窗口内创建、安排各种对象 。 菜单编辑器(Menu Editor) ：创建、设置、修改下拉式菜单和 内容式菜单； 对象属性查看器(Property Inspector)：可查看每个对象的属 性值，也可修改、设置对象的属性值；
（1）简单性 ： 设计界面时，力求简洁、直观、清晰地体现出界面的功能和特征。 （2）一致性: 所谓一致性有两层含义：一是读者自己开发的界面风格要尽量一致；二 是新设计的界面要与其他已有的界面风格不要截然相左。这是因为用户在 初次使用新界面时，总习惯于凭经验进行试探。比方说，图形显示区常安 排在界面左半边，而按键等控制区被排在右侧。 （3）其他考虑因素: 除了以上对界面的静态要求外，还应注意界面的动态性能。如界面对用 户操作的响应要迅速、连续；对持续时间较长的运算，要给出等待时间提 示，并允许用户中断运算。
图形用户界面的作用
假如进行数据分析、解方程等计算结果比较 单一的工作，那么一般不会考虑GUI的制作。 但是如果想向别人提供应用程序，想进行 某种技术、方法的演示，想制作一个供反 复使用且操作简单的专用工具，那么图形 用户界面也许是最好的选择之一。
2019/1/29
1
设计原则
由于要求不同，设计出来的界面也就千差万别。但是，自从人们开始设计图形界 面以来，界面设计的评判标准却没有太大的变化。简单来说，一个好的界面应遵 循以下三个原则 ：
2019/1/29 8
对象设计编辑器 (Layout Editor)
2019/1/29
9
菜单编辑器
• 利用菜单编辑器，可 以创建、设置、修改 下拉式菜单和内容式 菜单。从对象设计编 辑器界面的工具条上 或从菜单栏中Tools 的下拉菜单中选择 Menu Editor ，就可 以看到菜单编辑器 (Menu Editor)的界面， 如右图所示。
2019/1/29
11
对象属性查看器
• 利用对象属性查看器，可 以查看每个对象的属性值， 也可以修改、设置对象的 属性值，从对象设计编辑 器界面工具条，或者选择 view菜单下的Inspect Property子菜单，就可以 看到对象属性查看器的界 面。另外，在MATLAB命 令窗口的命令行上输入 inspect，也可以看到对象 属性查看器。如右图所示。
2019/1/29
•
• 风格一致和必要的个性化。风 格一致的好处是可以减少用户 的记忆量，减少出错几率，并 迅速积累操作经验。必要个性 化是使用户对软件留下深刻印 象。合理布局。 • 合理色彩。难，不同的人对颜 色的喜好不同。另外不可过分 依靠色彩，因为用户有可能是 色盲或色弱。 • 适应用户群体和国际化。 • 最少的操作步骤。 • 可以复用。