Matlab图形用户界面设计 哈尔滨工业大学 图形用户界面 GUI 是指由窗口 菜单 图标 光标 按键 对话框和文本等各种图形对象组成的用户界面 它让用户定制用户与Matlab的交互方式 而命令窗口不是唯一与Matlab的交互方式 用户界面是用户与计算机进行信息交流的方式 计算机在屏幕显示图形和文本 若有扬声器还可产生声音 用户通过输入设备 如 键盘 鼠标 跟踪球 绘制板或麦克风 与计算机通讯 用户界面设定了如何观看和如何感知计算机 操作系统或应用程序 通常 多是根据悦目的结构和用户界面功能的有效性来选择计算机或程序 用户通过鼠标或键盘选择 激活这些图形对象 使计算机产生某种动作或变化 Matlab中设计图形用户界面的方法有两种 使用可视化的界面环境和通过编写程序 由上一讲可知 用户菜单 用户控件和对话框是和坐标轴处于同一层次的 都是图形窗口的子对象 基本图形对象分为控件对象和用户界面菜单对象 简称控件和菜单 图形用户界面设计工具的启动 图形用户界面设计工具的启动方式 1 命令方式 图形用户界面GUI设计工具的启动命令为guide 格式为 guide 功能 启动GUI设计工具 并建立名字为untitled fig的图形用户界面 功能 启动GUI设计工具 并打开已建立的图形用户界面 guide 2 菜单方式 在Matlab的主窗口中 选择File菜单中的New菜单项 再选择其中的GUI命令 就会显示GUI的设计模板 Matlab为GUI设计一共准备了4种模板 分别是 BlankGUI Default 空白模板 默认 GUIwithUicontrols 带控件对象的GUI模板 GUIwithAxesandMenu 带坐标轴与菜单的GUI模板 ModalQuestionDialog 带模式问题对话框的GUI模板 当用户选择不同的模板时 在GUI设计模板界面的右边就会显示出与该模板对应的GUI图形 图形用户界面设计工具启动时模板选择对话框 图形用户界面设计窗口 图形用户界面GUI设计窗口由菜单栏 工具栏 控件工具栏以及图形对象设计区等4个功能区组成 在GUI设计模板中选中一个模板 然后单击OK按钮 就会显示GUI设计窗口 选择不同的GUI设计模式时 在GUI设计窗口中显示的结果是不一样的 左图为空白GUI模板情形 GUI设计窗口的菜单栏有File Edit View Layout Tools和Help6个菜单项 使用其中的命令可以完成图形用户界面的设计操作 编辑工具在菜单栏的下方 提供了常用的工具 设计工具区位于窗口的左半部分 提供了设计GUI过程中所用的用户控件 空间模板区是网格形式的用户设计GUI的空白区域 在GUI设计窗口创建图形对象后 通过双击该对象 就会显示该对象的属性编辑器 Matlab提供了一套可视化的创建图形窗口的工具 使用图形用户界面开发环境可方便地创建GUI应用程序 它可以根据用户设计的GUI布局 自动生成M文件的框架 用户使用这一框架编制自己的应用程序 一 图形用户界面开发环境 GUIDE Matlab提供了一套可视化的创建图形用户接口 GUI 的工具 包括 对象浏览器 ObjectBrowser 用于获得当前Matlab图形用户界面程序中的全部对象信息 对象的类型 同时显示控件的名称和标识 在控件上双击鼠标可以打开该控件的属性编辑器 布局编辑器 LayoutEdtor 在图形窗口中创建及布置图形对象 布局编辑器是可以启动用户界面的控制面板 上述工具都必须从布局编辑器中访问 用guide命令可以启动 或在启动平台窗口中选择GUIDE来启动布局编辑器 几何排列工具 AlignmentTool 调整各对象相互之间的几何关系和位置 属性查看器 PropertyInspector 查询并设置属性值 菜单编辑器 MenuEditor 创建 设计 修改下拉式菜单和快捷菜单 Tab顺序编辑器 TabOrderEditor 用于设置当用户按下键盘上的Tab键时 对象被选中的先后顺序 在Matlab5中 GUI的设计是以M文件的编程形式实现的 GUI的布局代码存储在M文件和MAT文件中 而在Matlab6中有了很大的改变 Matlab6将GUI的布局代码存储在FIG文件中 同时还产生一个M文件用于存储调用函数 在M文件中不再包含GUI的布局代码 在开发应用程序时代码量大大减少 用于从控件选择板上选择控件对象并放置到布局区去 布局区被激活后就成为图形窗口 在命令窗口输入GUIDE命令或点击工具栏中的guide图标都可以打开空白的布局编辑器 在命令窗口输入GUIDE可打开一个已存在的名为图形用户界面 1 布局编辑器 Layouteditor 将控件对象放置到布局区 用鼠标选择并放置控件到布局区内 移动控件到适当的位置 改变控件的大小 选中多个对象的方法 一个简单的布局示例 如所建立的布局还没有进行存储 可用File菜单下的SaveAs菜单项 或工具栏中的对应项 按输入的文件的名字 在激活图形窗口的同时将存储一对同名的M文件和带有 fig扩展名的FIG文件 激活图形窗口 运行GUI程序 在命令窗口直接键入文件名或用openfig open或hgload命令运行GUI程序 布局编辑器参数设置 选File菜单下的Preferences菜单项打开参数设置窗口 点击树状目录中的GUIDE 即可以设置布局编辑器的参数 布局编辑器的弹出菜单 在任一控件上按下鼠标右键 会弹出一个菜单 通过该菜单可以完成布局编辑器的大部分操作 2 位置调整工具 Alignmenttool 在选中多个对象后 可以方便的通过对象位置调整器调整对象间的对齐方式和距离 对象位置调整器中的第一栏是垂直方向的位置调整 第二栏是水平方向的位置调整 利用位置调整工具 可以对GUI对象设计区内的多个对象的位置进行调整 位置调整工具的打开方式有两种 从GUI设计窗口的工具栏上选择AlignObjects命令按钮 选择Tools菜单下的AlignObjects 菜单项 就可以打开对象位置调整器 利用对象属性查看器 可以查看每个对象的属性值 也可以修改 设置对象的属性值 3 用属性查看器设置控件属性 打开属性查看器 OpeningPropertyInspector 对象属性查看器的打开方式有四种 从GUI设计窗口工具栏上选择PropertyInspector命令按钮 选择View菜单下的PropertyInspector菜单项 在控件对象上单击鼠标右键 选择弹出菜单的PropertyInspector菜单项 在命令窗口中输入inspect 布置控件 定义文本框的属性 定义坐标轴的属性 定义按钮的属性 定义复选框 使用属性查看器 UsingPropertyInspector 利用菜单编辑器 可以创建 设置 修改下拉式菜单和快捷菜单 选择Tools菜单下的MenuEditor 子菜单 即可打开菜单编辑器 4 菜单编辑器 MenuEditor 菜单也可以通过编程实现 方法为从GUI设计窗口的工具栏上选择MenuEditor命令按钮 打开菜单编辑程序 菜单编辑器包括菜单的设计和编辑 菜单编辑器有八个快捷键 可以利用它们任意添加或删除菜单 可以设置菜单项的属性 包括名称 Label 标识 Tag 选择是否显示分隔线 Separatorabovethisitem 是否在菜单前加上选中标记 Itemischecked 调用函数 Callback 菜单编辑器左上角的第一个按钮用于创建一级菜单项 第二个按钮用于创建一级菜单的子菜单 菜单编辑器的左下角有两个按钮 选择第一个按钮 可以创建下拉式菜单 选择第二个按钮 可以创建ContextMenu菜单 选择它后 菜单编辑器左上角的第三个按钮就会变成可用 单击它就可以创建ContextMenu主菜单 在选中已经创建的ContextMenu主菜单后 可以单击第二个按钮创建选中的ContextMenu主菜单的子菜单 与下拉式菜单一样 选中创建的某个ContextMenu菜单 菜单编辑器的右边就会显示该菜单的有关属性 可以在这里设置 修改菜单的属性 菜单编辑器左上角的第四个与第五个按钮用于对选中的菜单进行左移与右移 第六与第七个按钮用于对选中的菜单进行上移与下移 最右边的按钮用于删除选中的菜单 5 对象浏览器 ObjectBrowsers 利用对象浏览器 可以查看当前设计阶段的各个句柄图形对象 可以在对象浏览器中选中一个或多个控件来打开该控件的属性编辑器 对象浏览器的打开方式有 从GUI设计窗口的工具栏上选择ObjectBrowser命令按钮 选择View菜单下的ObjectBrowser子菜单 在设计区域单击鼠标右键 选择弹出菜单的ObjectBrowser Tab顺序编辑器 TabOrderEditor 利用Tab顺序编辑器 TabOrderEditor 可以设置用户按键盘上的Tab键时 对象被选中的先后顺序 Tab顺序编辑器的打开方式为 选择Tools菜单下的TabOrderEditor 菜单项 就可以打开Tab顺序编辑器 从GUI设计窗口的工具栏上选择TabOrderEditor 命令按钮 1 GUI控件对象类型 控件对象是事件响应的图形界面对象 当某一事件发生时 应用程序会做出响应并执行某些预定的功能子程序 Callback 2 控件对象的描述 Matlab中的控件大致可分为两种 一种为动作控件 鼠标点击这些控件时会产生相应的响应 一种为静态控件 是一种不产生响应的控件 如文本框等 二 控件对象及属性 每种控件都有一些可以设置的参数 用于表现控件的外形 功能及效果 既属性 属性由两部分组成 属性名和属性值 它们必须是成对出现的 按钮 PushButtons 执行某种预定的功能或操作 开关按钮 ToggleButton 产生一个动作并指示一个二进制状态 开或关 当鼠点击它时按钮将下陷 并执行callback 回调函数 中指定的内容 再次点击 按钮复原 并再次执行callback中的内容 单选框 RadioButton 单个的单选框用来在两种状态之间切换 多个单选框组成一个单选框组时 用户只能在一组状态中选择单一的状态 或称为单选项 复选框 CheckBoxes 单个的复选框用来在两种状态之间切换 多个复选框组成一个复选框组时 可使用户在一组状态中作组合式的选择 或称为多选项 文本编辑器 EditableTexts 用来使用键盘输入字符串的值 可以对编辑框中的内容进行编辑 删除和替换等操作 静态文本框 StaticTexts 仅用于显示单行的说明文字 滚动条 Slider 可输入指定范围的数量值 边框 Frames 在图形窗口圈出一块区域 列表框 ListBoxes 在其中定义一系列可供选择的字符串 弹出式菜单 PopupMenus 让用户从一列菜单项中选择一项作为参数输入 此外还有坐标轴 Axes 用于显示图形和图象 用户可以在创建控件对象时 设定其属性值 未指定时将使用系统缺省值 3 控件对象的属性 Attributesofcontrollerobject 两大类控件对象属性 第一类是所有控件对象都具有的公共属性 第二类是控件对象作为图形对象所具有的属性 控件对象的公共属性 Children取值为空矩阵 因为控件对象没有自己的子对象 Tag取值为字符串 定义了控件的标识值 在任何程序中都可以通过这个标识值控制该控件对象 Type取值为uicontrol 表明图形对象的类型 Visible取值为on或off UserDate取值为空矩阵 用于保存与该控件对象相关的重要数据和信息 Parent取值为某个图形窗口对象的句柄 该句柄表明了控件对象所在的图形窗口 BackgroundColor取值为颜色的预定义字符或RGB数值 缺省值为浅灰色 Callback取值为字符串 可以是某个M文件名或一小段Matlab语句 当用户激活某个控件对象时 应用程序就运行该属性定义的子程序 Enable取值为on 缺省值 inactive和off Extend取值为四元。