第7章 图形用户界面GUI设计分析
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
7.1.5 回调函数
实现GUI的基本机制是对控件的Callback(回调函数)属性编程, 当在设计界面上选中一个控件后,选择菜单栏中的“View”→“View Callbacks”命令,或单击鼠标右键,从弹出的快捷菜单选择“View Callbacks”,就会出现“Callback”、“CreateFcn”、 “DeleteFcn”、“ButtonDownFcn”和“KeyPressFcn”子菜单, 这些选项都是用来编写回调函数的,其作用如下所示 。 CallBack:为一般回调函数,因不同的控件而不同。例如,按钮 被按下时发生、下拉框改变值时发生、sliderbar 拖动时发生等。 大 多数MATLAB程序代码都在这里编写,可实现诸多功能。 CreateFcn:在控件对象创建时发生(一般为初始化样式,颜色、 初始值等)。 DeleteFcn:在控件对象被清除时发生。 ButtonDownFcn:鼠标单击事件的回调函数。 KeyPressFcn:按键事件的回调函数。
本章介绍图形用户界面的环境,以及GUI设计、用 户菜单设计等制作过程。
7.1 GUIDE界面环境
MATLAB中的图形用户界面开发环境 GUIDE(GUI Developer)提供了多种设计GUI的模板,并自动生成M文件框架, 用户可以在该框架内编写自己的函数代码,实现所需要的功能。
7.1.1 GUIDE的启动及界面组成
来自百度文库
Tag
取值为字符串,定义控件的标识值,任何程序都 通过这个标识值控制该控件
7.1.4 界面的存储及运行
单击输出编辑器窗口工具栏中的保存按钮,或者选择菜单 “File”→“Save as”命令,弹出“Save as”对话框,输入用户 定义的文件名,如输入guiHello。单击“保存”按钮,这时输出 编辑器界面变成名称为“guiHello.fig”的窗口,如图所示。
第7章 图形用户界面(GUI)设计
7.1 GUIDE界面环境
7.2 GUI的创建
7.3 GUI菜单设计 7.4 对话框设计 7.5 综合案例
图形用户界面(Graphical User Interface, GUI)是指采用图形方式显示的计算机操作用户界面, 它由窗口、控件、光标、按键、菜单和文字说明等对象 构成。用户通过一定的方法(如鼠标或键盘)选择、激 活这些图形对象,使计算机产生某种动作或变化,如实 现计算、绘图等。若想制作一个可供反复使用且操作简 单的专用工具,图形用户界面是非常好的选择之一。
7.1.5 回调函数
回调函数(CallBack)包含在由GUIDE形成的M文件中,GUIDE 会自动生成相应的函数体、函数名。名称一般是控件“Tag+Call” 类型名,参数有3个(hObject、eventdata、handles),其中, hObject为发生事件的源控件,eventdata为事件数据结构(保留参 数),handles为传入的对象句柄(结构体类型)。具体格式如下: function pushbutton1_Callback(hObject,eventdata,handles) % function edit1_ CreateFcn(hObject,eventdata,handles) % function text1_ DeleteFcn(hObject,eventdata,handles) %
属性名称 BackgroundColor 设置控件背景颜色 说明
Enable
FontName FontSize FontWeight ForegroundColor Position String
设置控件的使用状态,“on”表示选中
设置字体 设置字体大小 设置字体粗细 前景色,控件文本颜色,默认为黑色 控件对象的尺寸和位置 取值为字符串矩阵或数组,定义标题或选项内容
Static Text:静态文本框,仅用于显示说明文字
Pop-up Menu:弹出式列表,让用户从一列菜单项中选择一项 Axes:坐标轴,用于在GUI中添加图形或图像
7.1.3 控件功能与属性
2. 控件属性
每种控件都有一些可以设置的参数,用于表现控件的外形、功能及效果, 即属性。控件属性包括属性名和属性值,其名称和说明如表所示。
1.GUIDE的启动
选择MATLAB主界面菜单“File”→“New”→“GUI”命令,或点击工具 栏GUIDE图标,或直接在MATLAB命令窗口输入guide,都可弹出对话框 “GUIDE Quick Start”界面,如下图所示。
2.GUIDE的界面组成
“GUIDE Quick Start” 对话框包括两个选项卡:“ Create New GUI” (创建新的图形用户界面)和“Open Existing GUI”(打开已存在的图形用 户界面)。其中“Create New GUI”提供四种基本类型的GUI模板: Blank GUI(Default):空白模板(缺省)。 GUI with Uicontrols:带有控件对象的GUI模板。 GUI with Axes and Menu:带有坐标轴与菜单的GUI模板。 Modal Question Dialog:问答式对话框的GUI模板。 通过这些模板可快速创建GUI。选定一种模板以后,它的预览效果显示在 右边的面板中。譬如选中“GUI with Uicontrols”,显示在面板中的预览效 果如下图所示。
7.1.2 输出编辑器
在“GUIDE Quick Start”对话框中,点击“Create New GUI” 选项卡,选择“Blank GUI”选项,打开的就是带有空白GUI模板的 “输出编辑器”窗口,如图所示。
7.1.3 控件功能与属性
1.控件与组件的功能 输出编辑器中的控件大致可分为两种:一种为动作控件,鼠标 点击这些控件时会产生相应的响应;另一种为静态控件,是一种不产 生响应的控件,如文本框等。 Push Button:触控按钮,执行某种预定的功能或操作 Radio Button :单选按钮,一组中只能选一个 Check Box :复选框,一组中可选多个 Edit Text:文本编辑器,可使用键盘输入字符串,也可编辑
保存的同时会在当前路径下自动产生两个文件:一个是 “guiHello. fig”文件,另一个是“guiHello.m”文件。其中, “guiHello.fig”文件包含对GUI和GUI组件的完整描述,它也是 打开输出编辑器界面“guiHello.fig”窗口的文件; “guiHello.m”文件包含控制GUI的代码、组件的回调函数。 单击运行按钮,显示结果就是我们所设计的GUI功能界面, 如图所示。