第8讲 图形用户界面设计(2)

对象浏览器
利用对象浏览器， 利用对象浏览器，可以查看当前设计阶段的各个句 柄图形对象。 柄图形对象。 从GUI设计窗口的工具栏上选择 设计窗口的工具栏上选择Object Browser命 设计窗口的工具栏上选择 命 令按钮，或者选择 菜单下的Object Browser子 令按钮，或者选择View菜单下的 菜单下的 子 菜单，就可以打开对象浏览器。 菜单，就可以打开对象浏览器。 在对象浏览器中， 在对象浏览器中，用鼠标双击图中的任何一个对象 ，可以进入对象的属性查看器界面。 可以进入对象的属性查看器界面。
设计窗口的工具栏上选择Align Objects命令按钮，或者选择 命令按钮， 从GUI设计窗口的工具栏上选择 设计窗口的工具栏上选择 命令按钮 或者选择Tools 菜单下的Align Objects菜单项，就可以打开对象位置调整器。 菜单项， 菜单下的 菜单项 就可以打开对象位置调整器。 对象位置调整器中的第一栏是垂直方向的位置调整。 对象位置调整器中的第一栏是垂直方向的位置调整。 对象位置调整器中的第二栏是水平方向的位置调整。 对象位置调整器中的第二栏是水平方向的位置调整。 在选中多个对象后， 在选中多个对象后，可以方便的通过对象位置调整器调整对象间的对齐 方式和距离。 方式和距离。
菜单 新 建 菜 单 单 菜 子 建 新
在
” 用户 菜单
创建用户菜单 菜 删
菜 单 单 上 除 菜
、 1.菜单编辑 单 菜单编辑 下 移 在GUI设计工作台的菜单条选择“Tool” “ －”Menu Editor…”或单击工具栏“Menu 选 Editor” 菜单编辑
位置调整工具
利用位置调整工具，可以对 利用位置调整工具，可以对GUI对象设计区内的多个对象的 对象设计区内的多个对象的 位置进行调整。 位置进行调整。
打开文件浏览器
图形用户界面设计（ 图形用户界面设计（续）
如在新建界面中选择“Blank GUI (Default)”，然后单击“OK”按钮，就会出 现如下的GUI设计工作台:
菜单条
图形用户界面设计（ 图形用户界面设计（续）
GUI设计工作台有4个功能区：菜单条、编 菜单条、 菜单条 辑工具条、控件模板区、设计工作区。 辑工具条、控件模板区、设计工作区。
Tab顺序编辑器 顺序编辑器
利用Tab顺序编辑器 顺序编辑器(Tab Order Editor)，可以 利用 顺序编辑器 ， 设置用户按键盘上的Tab键时，对象被选中的 键时， 设置用户按键盘上的 键时 先后顺序。 先后顺序。 选择Tools菜单下的 菜单下的Tab Order Editor菜单项， 菜单项， 选择 菜单下的 菜单项 就可以打开Tab顺序编辑器。例如，若在 顺序编辑器。例如，若在GUI 就可以打开 顺序编辑器 设计窗口中创建了3个对象， 设计窗口中创建了 个对象，与它们相对应的 个对象 Tab顺序编辑器。 顺序编辑器。 顺序编辑器
2 图形用户界面设计
1 可视化的界面环境 打开GUI设计工具的方法有以下几种： (1) 选择菜单“File”——“ New”——“GUI”命令 菜单“ 命令； 菜单 命令 (2) 在指令窗口输入以下命令： guide 打开空白设计工作台 guide FN 在工作台中打开文件名为FN 的用户界面
注意： guide指令作用下，待打开的文件名不分字母的大小写。 注意：在guide指令作用下，待打开的文件名不分字母的大小写。 指令作用下
Leabharlann Baidu
GUI设计模板 设计模板
MATLAB为GUI设计一共准备了 种模板 为 设计一共准备了4种模板 设计一共准备了 Blank GUI(默认 默认) 默认 GUI with Uicontrols(带控件对象的 带控件对象的GUI模板 模板) 带控件对象的 模板 GUI with Axes and Menu(带坐标轴与菜单的 带坐标轴与菜单的GUI模板 模板) 带坐标轴与菜单的 模板 Modal Question Dialog(带模式问话对话框的 带模式问话对话框的GUI模板 模板) 带模式问话对话框的 模板 当用户选择不同的模板时， 当用户选择不同的模板时，在GUI设计模板界面的右边就 设计模板界面的右边就 会显示出与该模板对应的GUI图形。 图形。 会显示出与该模板对应的 图形
对象属性查看器
在选中某个对象后，可以通过对象属性查看器， 在选中某个对象后，可以通过对象属性查看器，查看该对 象的属性值，也可以方便地修改对象属性的属性值。 象的属性值，也可以方便地修改对象属性的属性值。 GUI设计窗口工具栏上选择 设计窗口工具栏上选择Property Inspector命令按钮 从GUI设计窗口工具栏上选择Property Inspector命令按钮 View菜单下的 菜单下的Property Inspector子菜单，就可以打开对象 子菜单， 菜单下的 子菜单 属性查看器。另外， 属性查看器。另外， 命令窗口的命令行上输入inspect，也可以看 在MATLAB命令窗口的命令行上输入 命令窗口的命令行上输入 ， 到对象属性查看器。 到对象属性查看器。
控件的使用（ 控件的使用（续）
3. 控件的常用属性 创建控件以后，需要对控件的各种属性进行设置，大部 分控件都具有以下属性。 （1）string属性：用于显示在控件上的字符串，起说明 ） 或提示作用。 （2）callback属性：回调函数，与菜单的一样。 ） （3）enable属性：表示该控件是否有效，”on“表示有 ） 效，”off“表示无效。 （4）tooltipstring属性：当鼠标放在控件上时显示提示 ） 信息，为字符串。 （5）字体 ）字体属性：包括fontname,fontsize等。 （6）Tag属性：控件的标记，用于标识控件。 ）
图形用户界面设计（ 图形用户界面设计（续） 空白界面
如在指令窗键入：guide，则可得到如下GUI设计工 有控件的模板界面 具的启动界面：
标准询问窗口 有轴对象和菜单的模板界面
图形用户界面设计（ 图形用户界面设计（续）
若激活打开已有界面文件（Open Existing GUI） 的属性页，则可通过打开文件浏览器（Browse）选 最近打开的界面文件列表 定需打开文件并打开，主窗口则显示最近打开的界 面文件的列表。
设计工作区 控 件 模 板 区
编辑工具条
运行 控 件 面板 对象浏览器 属性编辑器 M文件编辑器 Tab顺序编辑器 菜单编辑器 对象对齐工具 界面设 计区
图形用户界面设计工具
MATLAB的用户界面设计工具 的用户界面设计工具 (1) 图形用户界面设计窗口：在窗口内创建、安排各 图形用户界面设计窗口：在窗口内创建、 种图形对象。 种图形对象。 (2) 菜单编辑器 菜单编辑器(Menu Editor)：创建、设计、修改下 ：创建、设计、 拉式菜单和快捷菜单。 拉式菜单和快捷菜单。 (3) 对象属性查看器 对象属性查看器(Property Inspector)：可查看每 ： 个对象的属性值，也可修改设置对象的属性值。 个对象的属性值，也可修改设置对象的属性值。
图形用户界面设计（ 图形用户界面设计（续）
打开的GUI启动界面提供新建界面（Create New GUI）和打开已有界面文件（Open Existing GUI）的属性页。新建界面可以选择 空白界面、包含有控件的模板界面、包含有轴 对象和菜单的模板界面、标准询问窗口等选项。 选择任意一项都会打开GUI设计工作台，对界 面静态组成部分进行的具体的修改工作都是在 工作台实现的。
文本框 静态文本框 滚动条 框架 列表框 弹出式菜单 坐标轴
EditText StaticText Slider Frame ListBox PopupMenu Axes
控件的使用（ 控件的使用（续）
2. 控件的创建 (1) 在可视化界面环境中创建控件 在可视化界面环境中创建控件很简单，就是 在控件模板区中选中控件，然后拖放到设计工 作区即可。
设计原则（ 设计原则（续）
3. 习常性 设计界面时，应尽量使用人们所熟悉 的标志和符号，便于用户使用。 4. 其他考虑因素 除了以上静态性能之外，还应注意界 面的动态性能：界面对用户操作的响应要 迅速、连续；对持续时间较长的运算要给 出等待时间提示，并允许用户中断运算。
一般制作步骤
界面制作包括界面设计和程序实现。 分析界面所要实现的主要功能，明确设 计任务； 绘界面草图，注意从使用者的角度来考 虑界面布局； 按构思的草图，上机制作静态界面； 编写界面动态功能程序。
设计原则
1.简单性 简单性 设计界面时，应力求简捷、直观、清晰 地体现出界面的功能和特征。窗口数目尽 量少，力避不同窗口间来回切换；多采用 图形，少用数值；不要出现可有可无的功 能。
设计原则（ 设计原则（续）
2.一致性 一致性 两层含义： 两层含义：一指自己设计的界面风格要 尽量一致；二指新设计的界面要与其他已有 尽量一致； 的界面风格要一致。 的界面风格要一致。一般习惯图形区在界面 左侧，控制区在右侧。 左侧，控制区在右侧。
图形用户界面设计工具
(4) 位置调整工具 位置调整工具(Alignment Tool)：可利 ： 用该工具左右、 用该工具左右、上下对多个对象的位置 进行调整。 进行调整。 (5) 对象浏览器(Object Browser)：可观 对象浏览器 ： 察当前设计阶段的各个句柄图形对象。 察当前设计阶段的各个句柄图形对象。 (6) Tab顺序编辑器 顺序编辑器(Tab Order Editor)： 顺序编辑器 ： 通过该工具， 通过该工具，设置当用户按下键盘上的 Tab键时，对象被选中的先后顺序。 键时， 键时 对象被选中的先后顺序。
控件的使用
1. 常用控件
详见下表所示： 详见下表所示：
控件名 按钮 切换按钮 单选按钮 复选框
PropertyName PushButton ToggleButton RadioButton CheckBox
功能 最常用的控件，用于响应用户的鼠标单击， 按钮上有说明文字说明其作用。 当单击时会凹凸状态切换。 当单击时会用黑白点切换，总是成组出现， 多个单选按钮互斥，一组中只有一个被选中。 当单击时会用√切换，有选中、不选中和不 确定等状态，总是成组出现，多个复选框可 同时选用。 凹形方框，可随意输入和编辑单行和多行文 字，并显示出来。 用于显示文字信息，但不接受输入。 可以用图示的方式显示在一个范围内数值的 大概值范围，用户可以移动滚动条改变数值。 将一组控件围在框架中，用于装饰界面。 显示下拉文字列表，用户可以从列表中选择 一项和多项。 相当于文本框和列表框的组合，用户可以从 下拉列表中选择。 用于绘制坐标轴。
第八讲 MATLAB图形 图形 用户界面设计
——图形用户界面设计工具
主要内容
图形用户界面的设计原则和一般 步骤 图形用户界面设计 图形用户界面设计工具应用
1 图形用户界面的设计原则和一般步骤 图形用户界面就是通过窗口、选单、按 钮、文字说明等对象构成一个美观的界 面，提供用户利用鼠标或键盘方便地实 现操作。 MATLAB设计图形用户界面的方法有两 种：使用可视化的界面环境（图形用户 使用可视化的界面环境（ 使用可视化的界面环境 界面设计工具）和通过编写程序。 界面设计工具）和通过编写程序。
菜单编辑器
利用菜单编辑器，可以创建、设置、 利用菜单编辑器，可以创建、设置、修改下拉式菜单和快捷 菜单。 菜单。
设计窗口的工具栏上选择Menu Editor命令按钮或 命令按钮或Tools菜单下的 从GUI设计窗口的工具栏上选择 设计窗口的工具栏上选择 命令按钮或 菜单下的 Menu Editor子菜单，就可以打开菜单编辑器。 子菜单， 子菜单 就可以打开菜单编辑器。 菜单编辑器左上角的第一个按钮用于创建一级菜单项。 菜单编辑器左上角的第一个按钮用于创建一级菜单项。第二个按钮用于 创建一级菜单的子菜单。 创建一级菜单的子菜单。 菜单编辑器的左下角有两个按钮，选择第一个按钮， 菜单编辑器的左下角有两个按钮，选择第一个按钮，可以创建下拉式菜 菜单。 单，选择第二个按钮，可以创建Context Menu菜单。菜单编辑器的右边 选择第二个按钮，可以创建 菜单 就会显示该菜单的有关属性，可以在这里设置、修改菜单的属性。 就会显示该菜单的有关属性，可以在这里设置、修改菜单的属性。