第11章图形用户界面GUI设计重点.ppt

* * 第11章 图形用户界面（GUI）设计 11.1 GUIDE界面环境 11.2 GUI的创建 11.3 GUI菜单设计 11.4 对话框设计 11.5 综合案例 11.1 GUIDE界面环境 11.1.1 GUIDE启动及界面组成 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模板： ? Black GUI（Default）：空白模板（缺省）。 ? GUI with Uicontrols：带有控件对象的GUI模板。 ? GUI with Axes and Menu：带有坐标轴与菜单的GUI模板。 ? Modal Question Dialog：问答式对话框的GUI模板。 通过这些模板可快速创建GUI。选定一种模板以后，它的预览效果显示在右边的面板中。譬如选中“GUI with Uicontrols”，显示在面板中的预览效果如图所示 在“GUIDE Quick Start”对话窗中，点击“Create New GUI”选项卡，选择“Black GUI”选项，打开的就是“带有空白GUI模板的输出编辑器”窗口，如图所示。 11.1.2 输出编辑器 1．控件与组件的功能 输出编辑器中的控件大致可分为两种：一种为动作控件，鼠标点击这些控件时会产生相应的响应；另一种为静态控件，是一种不产生响应的控件，如文本框等。控件的功能如表11-1所示。 11.1.3 控件功能与属性 2. 控件属性 每种控件都有一些可以设置的参数，用于表现控件的外形、功能及效果，即属性。控件属性包括属性名和属性值，其作用如表11-2所示。 11.1.4 界面的存储及运行 点击输出编辑器界面，工具栏中保存图标，或者选择菜单“Fiel”→“Save as”命令，弹出“Save as”对话框，填写用户定义的文件名.(如gui) 点击“保存”按钮，这时输出编辑器界面变成名称为“gui.fig”的窗口，如图所示， 首页 保存的同时会在当前路径下自动产生两个文件：一个是“gui. fig”文件，另一个是“gui.m”文件。其中，“gui.fig”文件包含对GUI和GUI组件的完整描述，它也是打开输出编辑器界面“gui.fig”窗口的文件；“gui.m”文件包含控制GUI的代码、组件的回调函数。 点击运行图标，显示结果就是我们所要设计的GUI功能界面，如图所示。 首页 11.1.5 回调函数 实现GUI的基本机制是对控件的Callback（回调函数）属性编程，当在设计界面上选中一个控件后，选择菜单栏中的“View”→“View Callbacks”命令，或点击鼠标右键，从弹出的活动菜单选择“View Callback”，就会出现“Callbacks”、“CreateFcn”、“DeleteFcn”、“ButtonDownFcn”和“KeyPressFcn”子选单项，这些选项都是用来编写回调函数的 首页 ? CallBack：为一般回调函数，因不同的控件而不同，譬如，按钮被按下时发生、下拉框改变值时发生、sliderbar 拖动时发生等等。大多数MATLAB程序代码都在这里编写，它实现诸多功能。 ? CreateFcn：是在控件对象创建的时候发生(一般为初始化样式，颜色，初始值等)。 ? DeleteFcn：是在空间对象被清除的时候发生。 ? ButtonDownFcn：为鼠标点击事件的回调函数。 ? KeyPressFcn：为按键事件的回调函数。 11.2 GUI的创建 创建GUI主要包括设计GUI（界面布局）、控件属性设置、回调函数编写和保存运行等步骤。下面以简单四则运算器界面为例，说明用GUIDE创建GUI的全过程。 首页 1．打开输出编辑器 点击MATLAB主界面工具栏GUIDE图标，选择空模板“Blank GUI”，点击“OK”，即可打开GUIDE的输出编辑器设计界面“untitled.fig”。 2．界面布局 添加需要的控件摆放到输出编辑器“untitled.fig”中合适的位置，对多个同样的控件，为摆放整齐、选择等间距，可以打开工具栏中的排列“Align Objects”图标，进行各种方式处理。并可用鼠标选中右下角的版面大小控制句柄来缩放版