第章MATLAB图形用户界面设计ppt课件

1、第第11章章 MATLAB图形用户界面设计图形用户界面设计11.1 菜单设计菜单设计11.2 对话框设计对话框设计11.3 图形用户界面设计工具图形用户界面设计工具 用户界面或接口是指：人与机器或程序之间交互作用的工具和方法。如键盘、鼠标、跟踪球、话筒都可成为与计算机交换信息的接口。 图形用户界面Graphical User Interfaces ，GUI那么是由窗口、光标、按键、菜单、文字阐明等对象Objects构成的一个用户界面。用户经过一定的方法如鼠标或键盘选择、激活这些图形对象，使计算机产生某种动作或变化，比照实现计算、绘图等。 假设运用者所从事的数据分析、解方程、计算结果可视任务比较

2、单一，那么普通不会思索GUI的制造。但是假设读者想向他人提供应用程序，想进展某种技术、方法的演示，想制造一个供反复运用且操作简单的公用工具，那么图形用户界面也许是最好的选择之一。 MATLAB为表现其根本功能而设计的演示程序demo 是运用图形界面的最好范例。MATLAB的用户，在指令窗中运转demo 翻开那图形界面后，只需用鼠标进展选择和点击，就可阅读那丰富多彩的内容。 即使比较熟习MATLAB的运用者，在他初次编写GUI程序时，也会感到棘手。在此提示运用者，假设要比较准确的了解本章程序和掌握本章内容，请先阅读第10章关于图柄的内容。 11.1 菜单设计菜单设计11.1.1 建立用户菜单建立

3、用户菜单要建立用户菜单可用要建立用户菜单可用uimenu函数，因其调用方法不同，函数，因其调用方法不同，该函数可以用于建立一级菜单项和子菜单项。该函数可以用于建立一级菜单项和子菜单项。 建立一级菜单项的函数调用格式为：建立一级菜单项的函数调用格式为： 一级菜单项句柄一级菜单项句柄=uimenu(图形窗口句柄，属性名图形窗口句柄，属性名1，属，属性值性值1，属性名，属性名2，属性值，属性值2，) 建立子菜单项的函数调用格式为：建立子菜单项的函数调用格式为： 子菜单项句柄子菜单项句柄=uimenu(一级菜单项句柄，属性名一级菜单项句柄，属性名1，属，属性值性值1，属性名，属性名2，属性值，属性值2

4、，)图形窗的规范菜单 1获得缺省设置的规范菜单 figure 2隐去规范菜单的两种方法 set(H_fig , MenuBar,none)； set(gcf,menubar,menubar); 3恢复图形窗上规范菜单 set(gcf,menubar,figure); 11.1.2 菜单对象常用属性菜单对象常用属性 菜单对象具有菜单对象具有Children、Parent、Tag、Type、UserData、Visible等公共属性，除公共属性外，还有一些常用的特殊属性。等公共属性，除公共属性外，还有一些常用的特殊属性。例例11-1 自制一个带下拉菜单表的用户菜单。该菜单能使图形窗自制一个带下拉菜

5、单表的用户菜单。该菜单能使图形窗背景颜色设置为兰色或红色。背景颜色设置为兰色或红色。 figure %创建一个图形窗口创建一个图形窗口 h_menu=uimenu(gcf,label,Color); %制造用户顶层菜单项制造用户顶层菜单项Color h_submenu1=uimenu(h_menu,label,Blue,. %制造下拉菜单项制造下拉菜单项Blue callback,set(gcf,Color,blue); % h_submenu2=uimenu(h_menu,label,Red,. %制造下拉菜单制造下拉菜单Red callback,set(gcf,Color,red); %

6、11.1.3 快捷菜单快捷菜单快捷菜单是用鼠标右键单击某对象时在屏幕上弹出的菜单。快捷菜单是用鼠标右键单击某对象时在屏幕上弹出的菜单。这种菜单出现的位置是不固定的，而且总是和某个图形对这种菜单出现的位置是不固定的，而且总是和某个图形对象相联络。在象相联络。在MATLAB中，可以运用中，可以运用uicontextmenu函数函数和图形对象的和图形对象的UIContextMenu属性来建立快捷菜单，详细属性来建立快捷菜单，详细步骤为：步骤为：(1) 利用利用uicontextmenu函数建立快捷菜单。函数建立快捷菜单。(2) 利用利用uimenu函数为快捷菜单建立菜单项。函数为快捷菜单建立菜单项。

7、(3) 利用利用set函数将该快捷菜单和某图形对象联络起来。函数将该快捷菜单和某图形对象联络起来。 例例11-2 绘制一条绘制一条Sa曲线，创建一个与之相联络的现场菜单，曲线，创建一个与之相联络的现场菜单，用以控制用以控制Sa曲线的颜色。曲线的颜色。 t=(-3*pi:pi/50:3*pi)+eps; y=sin(t)./t; hline=plot(t,y); cm=uicontextmenu; uimenu(cm,label,Red,callback,set(hline,color,r),) uimenu(cm,label,Blue,callback,set(hline,color,b),)

8、 uimenu(cm,label,Green,callback,set(hline,color,g),) set(hline,uicontextmenu,cm) 11.2 对话框设计对话框设计11.2.1 对话框的控件对话框的控件在对话框上有各种各样的控件，利用这些控件可以实现有在对话框上有各种各样的控件，利用这些控件可以实现有关控制。下面先引见这些控件。关控制。下面先引见这些控件。 (1) 按钮按钮(Push Button)。 (2) 双位按钮双位按钮(Toggle Button)。 (3) 单项选择按钮单项选择按钮(Radio Button)。 (4) 复选框复选框(Check Box)。

9、 (5) 列表框列表框(List Box)。 (6) 弹出框弹出框(Popup Menu)。 (7) 编辑框编辑框(Edit Box)。 (8) 滑动条滑动条(Slider)。 (9) 静态文本静态文本(Static Text)。 (10) 边框边框(Frame)。11.2.2 对话框的设计对话框的设计1建立控件对象建立控件对象 MATLAB提供了用于建立控件对象的函数提供了用于建立控件对象的函数uicontrol，其，其调用格式为：调用格式为： 对象句柄对象句柄=uicontrol(图形窗口句柄，属性名图形窗口句柄，属性名1，属性值，属性值1，属性名属性名2，属性值，属性值2，)其中各个属性

10、名及可取的值和前面引见的其中各个属性名及可取的值和前面引见的uimenu函数类函数类似，但也不尽一样，下面将引见一些常用的属性。似，但也不尽一样，下面将引见一些常用的属性。2控件对象的属性控件对象的属性 MATLAB的的10种控件对象运用一样的属性类型，但是种控件对象运用一样的属性类型，但是这些属性对于不同类型的控件对象，其含义不尽一样。除这些属性对于不同类型的控件对象，其含义不尽一样。除Children、Parent、Tag、Type、UserData、Visible等公等公共属性外，还有一些常用的特殊属性。共属性外，还有一些常用的特殊属性。例例11-3 创建一个界面包含创建一个界面包含4种

11、控件：静态文本、种控件：静态文本、“无线电选择无线电选择开关、双位按键、控件区域框。开关、双位按键、控件区域框。 clf reset set(gcf,menubar,none) set(gcf,unit,normalized,position,0.2,0.2,0.64,0.32); set(gcf,defaultuicontrolunits,normalized) %设置用户缺省控设置用户缺省控件单位属性值件单位属性值 h_axes=axes(position,0.05,0.2,0.6,0.6); t=0:pi/50:2*pi;y=sin(t);plot(t,y); set(h_axes,xl

12、im,0,2*pi); set(gcf,defaultuicontrolhorizontal,left); htitle=title(正弦曲线正弦曲线); set(gcf,defaultuicontrolfontsize,12); %设置用户缺省控件字体设置用户缺省控件字体属性值属性值 uicontrol(style,frame,. %创建用户控件区创建用户控件区 position,0.67,0.55,0.25,0.25); uicontrol(style,text,. %创建静态文本框创建静态文本框 string,正斜体图名正斜体图名:,. position,0.68,0.77,0.18,0

13、.1,. horizontal,left); hr1=uicontrol(gcf,style,radio,. %创建创建“无线电选择按键无线电选择按键 string,正体正体,. %按键功能的文字标识按键功能的文字标识正体正体 position,0.7,0.69,0.15,0.08); %按键位置按键位置 set(hr1,value,get(hr1,Max);%因图名缺省运用正体，所以小圆圈应被点黑因图名缺省运用正体，所以小圆圈应被点黑 set(hr1,callback,. % set(hr1,value,get(hr1,max),. %选中将小圆圈点黑选中将小圆圈点黑 set(hr2,val

14、ue,get(hr2,min),. %将将“互斥选项点白互斥选项点白 set(htitle,fontangle,normal),. %使图名字体正体显示使图名字体正体显示 ); hr2=uicontrol(gcf,style,radio,. %创建创建“无线电选择按键无线电选择按键 string,斜体斜体,. %按键功能的文字标识按键功能的文字标识斜体斜体 position,0.7,0.58,0.15,0.08,. %按键位置按键位置 callback,. set(hr1,value,get(hr1,min),. % set(hr2,value,get(hr2,max),. % set(hti

15、tle,fontangle,italic),. %使图名字体斜体显示使图名字体斜体显示 ); % ht=uicontrol(gcf,style,toggle,. %制造双位按键制造双位按键 string,Grid,. position,0.67,0.40,0.15,0.12,. callback,grid); 11.3 图形用户界面设计工具图形用户界面设计工具MATLAB的用户界面设计工具共有的用户界面设计工具共有6个，它们是：个，它们是：(1) 图形用户界面设计窗口：在窗口内创建、安排各种图图形用户界面设计窗口：在窗口内创建、安排各种图形对象。形对象。(2) 菜单编辑器菜单编辑器(Menu

16、Editor)：创建、设计、修正下拉式：创建、设计、修正下拉式菜单和快捷菜单。菜单和快捷菜单。(3) 对象属性查看器对象属性查看器(Property Inspector)：可查看每个对象：可查看每个对象的属性值，也可修正设置对象的属性值。的属性值，也可修正设置对象的属性值。(4) 位置调整工具位置调整工具(Alignment Tool)：可利用该工具左右、：可利用该工具左右、上下对多个对象的位置进展调整。上下对多个对象的位置进展调整。(5) 对象阅读器对象阅读器(Object Browser)：可察看当前设计阶段的：可察看当前设计阶段的各个句柄图形对象。各个句柄图形对象。(6) Tab顺序编辑

17、器顺序编辑器(Tab Order Editor)：经过该工具，设：经过该工具，设置当用户按下键盘上的置当用户按下键盘上的Tab键时，对象被选中的先后顺序。键时，对象被选中的先后顺序。11.3.1 图形用户界面设计窗口图形用户界面设计窗口1GUI设计模板设计模板 在在MATLAB主窗口中，选择主窗口中，选择File菜单中的菜单中的New菜单项，菜单项，再选择其中的再选择其中的GUI命令，就会显示图形用户界面的设计模命令，就会显示图形用户界面的设计模板。板。 MATLAB为为GUI设计一共预备了设计一共预备了4种模板，分别是种模板，分别是Blank GUI(默许默许) 、GUI with Uico

18、ntrols(带控件对象的带控件对象的GUI模板模板) 、GUI with Axes and Menu(带坐标轴与菜单的带坐标轴与菜单的GUI模板模板)与与Modal Question Dialog(带方式问话对话框的带方式问话对话框的GUI模板模板)。 当用户选择不同的模板时，在当用户选择不同的模板时，在GUI设计模板界面的右设计模板界面的右边就会显示出与该模板对应的边就会显示出与该模板对应的GUI图形。图形。2GUI设计窗口设计窗口 在在GUI设计模板中选中一个模板，然后单击设计模板中选中一个模板，然后单击OK按钮，按钮，就会显示就会显示GUI设计窗口。选择不同的设计窗口。选择不同的GUI

19、设计方式时，在设计方式时，在GUI设计窗口中显示的结果是不一样的。设计窗口中显示的结果是不一样的。 GUI设计窗口由菜单栏、工具栏、控件工具栏以及图设计窗口由菜单栏、工具栏、控件工具栏以及图形对象设计区等部分组成。形对象设计区等部分组成。GUI设计窗口的菜单栏有设计窗口的菜单栏有File、Edit、View、Layout、Tools和和Help 6个菜单项，运用其中个菜单项，运用其中的命令可以完成图形用户界面的设计操作。的命令可以完成图形用户界面的设计操作。3GUI设计窗口的根本操作设计窗口的根本操作 在在GUI设计窗口创建图形对象后，经过双击该对象，设计窗口创建图形对象后，经过双击该对象，就

20、会显示该对象的属性编辑器。例如，创建一个就会显示该对象的属性编辑器。例如，创建一个Push Button对象，并设计该对象的属性值。对象，并设计该对象的属性值。11.3.2 对象属性查看器对象属性查看器 利用对象属性查看器，可以查看每个对象的属性值，利用对象属性查看器，可以查看每个对象的属性值，也可以修正、设置对象的属性值，从也可以修正、设置对象的属性值，从GUI设计窗口工具栏设计窗口工具栏上选择上选择Property Inspector命令按钮，或者选择命令按钮，或者选择View菜单菜单下的下的Property Inspector子菜单，就可以翻开对象属性查看子菜单，就可以翻开对象属性查看器

21、。另外，在器。另外，在MATLAB命令窗口的命令行上输入命令窗口的命令行上输入inspect，也可以看到对象属性查看器。也可以看到对象属性查看器。在选中某个对象后，可以经过对象属性查看器，查看该对在选中某个对象后，可以经过对象属性查看器，查看该对象的属性值，也可以方便地修正对象属性的属性值。象的属性值，也可以方便地修正对象属性的属性值。11.3.3 菜单编辑器菜单编辑器 利用菜单编辑器，可以创建、设置、修正下拉式菜单和快捷菜单。利用菜单编辑器，可以创建、设置、修正下拉式菜单和快捷菜单。从从GUI设计窗口的工具栏上选择设计窗口的工具栏上选择Menu Editor命令按钮，或者选择命令按钮，或者选

22、择Tools菜单下的菜单下的Menu Editor子菜单，就可以翻开菜单编辑器。子菜单，就可以翻开菜单编辑器。 菜单编辑器左上角的第一个按钮用于创建一级菜单项。第二个按菜单编辑器左上角的第一个按钮用于创建一级菜单项。第二个按钮用于创建一级菜单的子菜单。钮用于创建一级菜单的子菜单。 菜单编辑器的左下角有两个按钮，选择第一个按钮，可以创建下菜单编辑器的左下角有两个按钮，选择第一个按钮，可以创建下拉式菜单。选择第二个按钮，可以创建拉式菜单。选择第二个按钮，可以创建Context Menu菜单。选择它后，菜单。选择它后，菜单编辑器左上角的第三个按钮就会变成可用，单击它就可以创建菜单编辑器左上角的第三个

23、按钮就会变成可用，单击它就可以创建Context Menu主菜单。在选中曾经创建的主菜单。在选中曾经创建的Context Menu主菜单后，主菜单后，可以单击第二个按钮创建选中的可以单击第二个按钮创建选中的Context Menu主菜单的子菜单。与下主菜单的子菜单。与下拉式菜单一样，选中创建的某个拉式菜单一样，选中创建的某个Context Menu菜单，菜单编辑器的右菜单，菜单编辑器的右边就会显示该菜单的有关属性，可以在这里设置、修正菜单的属性。边就会显示该菜单的有关属性，可以在这里设置、修正菜单的属性。 菜单编辑器左上角的第四个与第五个按钮用于对选中的菜单进展菜单编辑器左上角的第四个与第五个

24、按钮用于对选中的菜单进展左移与右移，第六与第七个按钮用于对选中的菜单进展上移与下移，左移与右移，第六与第七个按钮用于对选中的菜单进展上移与下移，最右边的按钮用于删除选中的菜单。最右边的按钮用于删除选中的菜单。11.3.4 位置调整工具位置调整工具 利用位置调整工具，可以对利用位置调整工具，可以对GUI对象设计区内的多个对象设计区内的多个对象的位置进展调整。从对象的位置进展调整。从GUI设计窗口的工具栏上选择设计窗口的工具栏上选择Align Objects命令按钮，或者选择命令按钮，或者选择Tools菜单下的菜单下的Align Objects菜单项，就可以翻开对象位置调整器。菜单项，就可以翻开对

25、象位置调整器。对象位置调整器中的第一栏是垂直方向的位置调整。对象位置调整器中的第一栏是垂直方向的位置调整。对象位置调整器中的第二栏是程度方向的位置调整。对象位置调整器中的第二栏是程度方向的位置调整。在选中多个对象后，可以方便的经过对象位置调整器调整在选中多个对象后，可以方便的经过对象位置调整器调整对象间的对齐方式和间隔。对象间的对齐方式和间隔。11.3.5 对象阅读器对象阅读器 利用对象阅读器，可以查看当前设计阶段的各个句柄利用对象阅读器，可以查看当前设计阶段的各个句柄图形对象。从图形对象。从GUI设计窗口的工具栏上选择设计窗口的工具栏上选择Object Browser命令按钮，或者选择命令按钮，或者选择View菜单下的菜单下的Object Browser子菜单，就可以翻开对象阅读器。子菜单，就可以翻开对象阅读器。 例如，在对象设计区内创建了例如，在对象设计区内创建了3个对象，它们分别是个对象，它们分别是Edit Text、Push Button、ListBox对象，此时单击对象，此时单击Object Browser按钮，可以看到对象阅读器。按钮，可以看到对象阅读器。 在对象阅读器中，可以看到曾经创建的在对象阅读器中，可以看到曾经创建的3个对象以及图个对象以及图