9图形界面编程.ppt

1、第九章 图形界面编程 (Graphical User Interface,GUI ),一、常用对话框的设计,(1) 创建对话框dialog h=dialog(PropertyName,ProperValue,.) 返回一个对话框句柄。该函数产生一个图形对象并为对话框设置推荐的图形属性。 Note:该函数的属性是图形Figure的属性,Example: h=dialog(Name,图形对话框, Position, . 240,240,200,50, Color,r),(2)创建输入对话框inputdlg answer = inputdlg(prompt) answer = inputdlg(pr

2、ompt,title) answer = inputdlg(prompt,title,lineNo) answer = inputdlg(prompt,title,lineNo,defAns) answer = inputdlg(prompt,title,lineNo,defAns,Resize),对应描述：prompt是一个包含提示字符串的数组。 创建一个模式对话框并返回用户在数组中输入的内容 title为对话框指定一个标题 lineNo为用户的每个输入值指定输入的行数，可以是标量、列向量或矩阵。列向量为一个提示符指定输入的行数；矩阵是m*2矩阵，其中m是对话框中提示符的个数，矩阵的第一列为

3、指定输入的行数；第二列指定字符的域宽。 defAns指定每个提示符的默认值 Resize说明对话框是否改变尺寸，取值on和off。,例ans=inputdlg(请输入题号(1-10),输入0退出,Matlab zuoye) 例pp=a=?,b=? ans=inputdlg(pp,Input Param),例 inputdlg(AAAAAAA) inputdlg(AAAAAAA,input dialog) inputdlg(AAAAAAA,input dialog,2) inputdlg(AAAAAAA,input dialog,1,OOOOOOOO) inputdlg(AAAAAAA,inpu

4、t dialog,1,OOOOOOOO, on),Cell array,例 创建输入一个整数和色图名称的对话框，每行只允许输入一行。,prompt = Enter Matrix size,Enter colomap name; title = Input data for peaks function ; lines = 1; def =20,hsv; answer = inputdlg(prompt,title,lines,def),(3)创建消息对话框 msgbox msgbox(message) msgbox(message,title) msgbox(message,title,ico

5、n) msgbox(message,title,custom,iconData,iconCmap) msgbox(.,createMode) h=msgbox(.) 对应描述： 产生一个消息对话框 title为消息对话框指定标题 Icon指定在消息对话框中显示哪一个图标.icon可以是none、error、help、warn、custom 定义一个用户定制的图标。iconData包含着定义图标的图形数据；iconCmap是图形所用的色图 指定消息框是否为模式化的，如果是非模式化的，是否要取代其它有同样标题的消息框。 createMode取modal、 non-modal和replace 返回一

6、个对话框的句柄h，它是一个图形对象的句柄。,Note:消息对话中的消息自动换行来适应具有适当尺寸的图框。Message是一个字符串向量、字符串矩阵或数组。,例 mess=Inputdlg help,Listdlg help;Msgbox help,. Pagedlg help msgbox(mess,MyDialogHelp,help),mess = Inputdlg help Listdlg help Msgbox help Pagedlg help,(4)创建错误对话框errordlg errordlg errordlg(eerrorstring) errordlg(eerrorstrin

7、g,dlgname) errordlg(eerrorstring,dlgname,on) h=errordlg(.),相应描述： a) 显示一个包含字符串”This is the default error string”的名为”Error Dialog”的对话框,b) 显示一个包含字符串”error string”的名为”Error Dialog”的对话框;,c) 显示一个包含字符串”error string”的名”dlgname”的对话框,d) 指定是否取代一个已经存在的有相同名字的对话框。on表示把一个有相同名字的出错对话框提在前台；,e) 返回一个错误对话框句柄。,Note: MATL

8、AB自动改变对话框的大小来适应字符串 errorstring 的长度.,例 errordlg errordlg(File not found) errordlg(File not found,File Error) errordlg(File not found,File Error,on),(5)创建问题对话框questdlg button=questdlg(qstring) 打开问题提示对话框，有三个按钮，分别为：yes,no和cancel,questdlg确定提示信息。 button=questdlg(qstring,title) title确定对话框标题。 button=questdl

9、g(qstringtitle,default) 当按回车键时，返回default值,default 必须是yes,no或cancel 之一。 button=questdlg(qstring,title,str1,str2,default) 打开问题提示对话框，有两个按钮，分别由str1和str2确定，qstdlg确定提示信息，default必须是str1或str2之一。 button=questdlg(qstring, title,str1,str2,str3,default) 打开问题提示对话框，有三个按钮，分别由str1， str2和str3确定，qstdlg确定提示信息，default必

10、须是str1, str2或str3之一。,例 生成一个问询对话框，询问用户是否继续一个假定的操作。,button=questdlg(Do you want to continue?, Continue Operation,Yes,No,Help,No)if strcmp(button,Yes) disp(Creating file)elseif strcmp(button,No) disp(Canceled file operation)elseif strcmp(button,Help) disp(Sorry,no help)end,(6)创建警告对话框warndlg h=warndlg(w

11、arningstring,dlgname) 打开警告信息对话框，显示warningstring信息， dlgname确定对话框标题，h为返回对话句柄。,例 warndlg(Pressing OK will clear Memory, . Warning!),(7)显示帮助对话框helpdlg helpdlg helpdlg(helpstring) helpdlg(helpstring,dlgname) h=helpdlg(.) Note:MATLAB将helpstring中的内容自动换行来适应一个对话框的长度。,例 helpdlg helpdlg(you can select 10 point

12、s from figure) helpdlg(you can select 10 points from figure,. points selection),(8)创建选择列表内容的对话框listdlg Selection,ok=listdlg(ListString,S,.),其中， Selection是已经选择的字符串的索引向量； 在只有一个选项的模式下，它的长度为1； 当点击OK按钮时，ok=1; 当点击Cancel按钮时，ok=0; 当ok=0时, Selection= ; 对话框还有一个Select all按钮。,输入参数和其值的形式列表如下：,例 创建用户从当前目录中选一个文件的对

13、话框。 函数将返回一个向量，该向量的第一个元素是被选文件的索引，第二个元素在没有做选择时为0，做了选择后为1。,d = dir; str = s,v=listdlg(PromptString,Select a file:, . SelectionMode,single,ListString,str),例 创建一个自己的列表对话框,str=AAAAAA,BBBBBBB,CCCCCCC,DDDDDDD; s,v=listdlg(ListString,str,SelectionMode,multiple,. ListSize,200,100,Name,MyListDialog,. Pr

14、omptString,Please select follow options,ffs,18),MATLAB,(9)创建显示页面的版面对话框pagedlg pagesetupdlg pagesetupdlg(fig) 对应描述 对当前图形显示一个页面的版面对话框，使用户可以进行页面设置 对由fig指定的图形显示一个页面设置对话框,例 figure x=0:pi/100:2*pi; y=sin(x); plot(x,y) pagesetupdlg,(10)创建显示打印对话框printdlg printdlg printdlg(fig) printdlg(-crossplatform,fig) 对

15、应描述 打印当前的图形 生成一个对话框，由此用户可以打印句柄fig指定的图形窗口。但该命令不能打印用户菜单 对微软的Windows操作系统显示一种标准的交叉平台式的MATLAB打印对话框。,例 t=0:pi/100:2*pi; y=sin(x); plot(x,y) printdlg,(11) 进程条 h=waitbar(x,title) 显示以title为标题的进程条，x为进程条的比例长度，其值必须在0到1之间，h为返回的进程条对象的句柄。 waitbar(x,title,creatcancelbtn,button_callback) 在进程条上使用creatcancelbtn参数创建一个撤

16、销按钮，在进程中按下撤销按钮将调用button_callback 函数。 waitbar(.,property_name,property_value,.) 选择其它由prompt_name定义的参数，参数值由prompt_value指定。,例 clc h=waitbar(0,please wait.); pause; %暂停，击任一键继续 for i=1:1000 waitbar(i/1000,h,MyProcess.) end close(h),(12) 打开文件对话框uigetfile uigetfile 显示一个用于检索一个文件的对话框,列出了当前目前中的文件和目录。 uigetfil

17、e(FilterSpec) FilterSpec确定最先显示的文章，它可以用通配符*。 uigetfile(FilterSpec,DialogTitle) uigetfile(FilterSpec,DialogTitle,x,y) 把对话框定位在x,y，这里x和y是距左边界和上边界的距离，以像素为单位。 fname,pname=uigetfile(.) 返回在对话框中选择的文件的名称和路径。fname 保存被选中的文件的名称，pname保存路径。,例 列出选定目录中的所有.m文件 fname,pname=uigetfile(C:Documents and Settings yfzxMy Doc

18、uments MATLAB*.m, Sample Dialog Box),(13)保存文件对话框uiputfile uiputfile 显示一个中写入文件名的对话框,列出了当前目前中的文件和目录。 uiputfile(InitFile) 显示的对话框包含当前路径中由InitFile确定的文件的列表。InitFile可以是一个文件的全名，也可以包含通配符*。 uiputfile(InitFile,DialogTitle) uiputfile(InitFile,DialogTitle,x,y) 把对话框定位在x,y，这里x和y是距左边界和上边界的距离，以像素为单位。 fname,pname=uip

19、utfile(.) 返回在对话框中选择的文件的名称和路径。fname 保存被选中的文件的名称，pname保存路径。,例 显示一个标题为Save File name，文件名为aaa.m的对话框。 fname,pname=uiputfile(aaa.m, Save File name),(14)弹出式菜单函数menu K= MENU(HEADER, ITEM1, ITEM2, . ) 例： K = menu(请选择,plot,mesh,surf),二、图形界面设计 是指由窗口、菜单、对话框等各种图形元素组成的 用户界面。 在MATLAB中，基本的图形界面对象包含3类： 用户界面控件对象(uicon

20、trol) 下拉式菜单对象(uimenu) 快捷菜单对象(uicontextmenu),1 建立用户菜单,要建立用户菜单可用uimenu函数，因其调用方法不同，该函数可以用于建立一级菜单项和子菜单项。,建立一级菜单项的函数调用格式为: 一级菜单项句柄=uimenu(图形窗口句柄，属性名1，属性值1，属性名2，属性值2，.),建立子菜单项的函数调用格式为： 子菜单项句柄=uimenu(一级菜单项句柄，属性 名1，属性值1，属性名2，属性值2，.),两种调用格式的区别,建立一级菜单项时，要给出图形窗口句柄。否则，在当前窗口中建立菜单项。如果没有活动窗口，则会自动打开一个图形窗口； 建立子菜单项时，

21、必须指定一级菜单项对应的句柄值。,例： hm=uimenu(gcf, Label, File);,hm1=uimenu(hm, Label, Save),hm2=uimenu(hm, Label, Save As),例 建立用户菜单项,h=figure(Name,图形界面窗口, NumberTitle, off,MenuBar,none) hm=uimenu(h,Label,文件); hm1=uimenu(hm,Label, 保存) hm2=uimenu(hm,Label,另存为) hm3=uimenu(hm,Label,退出),菜单对象常用属性,菜单对象具有Children,Parent,T

22、ag, UserData, Visible等公共属性，除公共属性外，还有一些常用的特殊属性，见下表所示：,%hm3=uimenu(hm, Label, 退出, callback , close ) hm3=uimenu(hm,Label, Step2:按要求建立第一个菜单项; Step3:按要求建立其子菜单项; Step4:按要求实现对应菜单项和子菜单项功能; Step5:对第二个菜单项,重复step2-step4; Step6: 结束,screen=get(0,ScreenSize); w=screen(3); h=screen(4); h=figure(Position,0.3*h,0.3

23、*h,0.5*w,0.5*h, Name,图形演示系统,NumberTitle, off, MenuBar,none); hplot=uimenu(h,Label,hOption=uimenu(h,Label,hWincolor=uimenu(hOption,Label,%mysin t=-pi:pi/10:pi; plot(t,sin(t) grid on %mycos t=-pi:pi/10:pi; plot(t,cos(t) grid on,2 快捷菜单,快捷菜单是用鼠标右键单击某对象时在屏幕上弹出的菜单。这种菜单出现的位置是不固定的，而且总是和某个图形对象相联系。在MATLAB中，可以

24、使用Uicontextmenu函数和图形对象的UicontextMenu属性来建立快捷菜单，具体步骤为：(1) 利用uicontextmenu函数建立快捷菜单。(2) 利用uimenu函数为快捷菜单建立菜单项。(3) 利用set函数将该快捷菜单和某图形对象联系起来。,例 绘制曲线y=2sin(5x)sinx，并建立一个与之相联系的快捷菜单，用以控制曲线的线型、曲线宽度和颜色。,x=0:pi/100:2*pi; y=2*sin(5*x).*sin(x); h=plot(x,y); hc=uicontextmenu; hls=uimenu(hc,Label,线型); hlw=uimenu(hc,L

25、abel,线宽); hlc=uimenu(hc,Label,线色); uimenu(hls,Label,虚线,call,set(h,LineStyle,:);); uimenu(hls,Label,实线,call,set(h,LineStyle,-);); uimenu(hlw,Label,加宽,call,set(h,LineWidth,2);); uimenu(hlw,Label,变细,call,set(h,LineWidth,0.5);); uimenu(hlc,Label,红色,call,set(h,Color,r);); uimenu(hlc,Label,绿色,call,set(h,C

26、olor,g);); uimenu(hlc,Label,黄色,call,set(h,Color,y);); set(h,UicontextMenu,hc);,建立快捷菜单,建立菜单项,建立子菜单项并实现功能,将快捷菜单和曲线关联,3 对话框设计,对话框是人机交互信息的临时窗口,有广泛的用途。目的是使得用户操作更加方便灵活。,对话框的控件,设计对话框时，有很多控件，能实现各种各样 的功能。常用的控件有,对话框的设计,在MATLAB中，要设计一个对话框，首先要建立一个图形窗口，然后在图形窗口中放置所涉及到的用户控件对象。,(1)建立控件对象命令uicontrol h_control=uicontr

27、ol(h_Parent,PropertyName,ProperValue,.),(2)控件对象的属性 对话框控件对象除了Children、Parent、Visible、UserData等公共属性外，还有一些常用的特殊属性。,说明：对于不同的控件对象(radio,check,slider,list popup)，其Max、Min以及Value值的含义有所不同。,例：,h_main=figure(name,a demo of gui design,menubar,none,. numbertitle,off,position,100 100 300 100); h_edit=uicontrol(s

28、tyle,edit,backgroundcolor,1 1 1,position,20 20 50 20,. tag,myedit,string,1,horizontalalignment,left); h_but1=uicontrol(style,pushbutton,position,20 50 50 20,string,INC,. callback,v=eval(get(h_edit,string);,. set(h_edit,string,int2str(v+1);); h_but2=uicontrol(style,pushbutton,position,80 50 50 20,str

29、ing,DEC,. callback,v=eval(get(h_edit,string);,set(h_edit,string,int2str(v-1););,例2,function gui_demo() %GUI_demo is another demo of GUI design. h_main=figure(units,normalized,position,0.3 0.3 0.5 0.4,. name,GUI demostration,numbertitle,off); h_axis=axes(units,normalized,position,0.3 0.15 0.6 0.7,. t

30、ag,axplot,xlim,0 10,ylim,-1 1); t=0:0.1:10;y=sin(t);line(t,y); bmp1=imread(1.bmp);bmp2=imread(2.bmp); bmp3=imread(3.bmp);bmp4=imread(4.bmp); h_1=uicontrol(style,pushbutton,units,normalized,. position,0.1 0.6 0.06 0.1,cdata,bmp1,. callback,zoom on,tooltipstring,Enable zooming); h_2=uicontrol(style,pu

31、shbutton,units,normalized,. position,0.04 0.45 0.06 0.1,cdata,bmp2,. callback,zoom xon,tooltipstring,Enable zoom on x-axis only); h_3=uicontrol(style,pushbutton,units,normalized,. position,0.16 0.45 0.06 0.1,cdata,bmp3,. callback,zoom yon,tooltipstring,Enable zoom on y-axis only); h_4=uicontrol(styl

32、e,pushbutton,units,normalized,. position,0.1 0.3 0.06 0.1,cdata,bmp4,. callback,zoom off,tooltipstring,Disable zooming);,对话框设计例题,例 建立按钮对象，单击时绘制正弦函数，同时建立双位按钮，控制是否给坐标加网格线。,代码: uicontrol(gcf,Style,push,Position,40,5,100,25,. String,Plot,call,x=0:pi/100:2*pi;plot(x,sin(x) uicontrol(gcf,Style,toggle,Posi

33、tion,170,5,100,25, String,Grid,call,grid),例 建立单选按钮，用来设置图形窗口的颜色，只能选择一种颜色。,代码: htxt=uicontrol(gcf,Style,text,Position,200,130,150,20,String,Color Options) hr=uicontrol(gcf,Style,radio,Position,200,100,150,25, String,red,Value,1,call,set(hr,Value,1);,set(hb, Value,0);,set(hy,Value,0);,set(gcf,Color,r);

34、 hb=uicontrol(gcf,Style,radio,Position,200,75,150,25, String,blue,Value,1,call,set(hb,Value,1);,set(hr,Value,0);,set(hy,Value,0);,set(gcf,Color,b); hy=uicontrol(gcf,Style,radio,Position,200,50,150,25, String,yellow,Value,1,call,set(hb,Value,0);,set(hr,Value,0);,set(hy,Value,1);,set(gcf,Color,y); he=

35、uicontrol(gcf,Style,push,String,Quit,call,close);,例 建立复选框按钮，用来设置图形窗口的颜色、标题、大小等。,htxt=uicontrol(gcf,style,text,Units,. normalized,Position,.1 .5 .25 .1,String,. Set Windows Properties);,hp=uicontrol(gcf,Style,check,Units,normalized,. Position,.1 .4 .25 .1,String,MyPosition,. call,set(gcf,Position,300

36、,300,300,250);,. if get(hp,Value)=1,. set(gcf,Position,300,200,600,500),end);,hc=uicontrol(gcf,Style,check,Units,normalized, . Position,.1 .3 .25 .1,String,MyColor,. call,set(gcf,Color,g); ,. if get(hc,Value)=1,set(gcf,Color,r),end);,hn=uicontrol(gcf,Style,check,Units,normalized,Position,.1 .2 .25 .

37、1,String,MyName,. call,set(gcf, Name, 复选框未被选中);,. if get(hn, Value)=1,. set(gcf, Name, 复选框被选中),end);,例 建立下拉列表，列表中包含一组图形形状.当选择某种形状时,要求在图形窗口中画出.,ScreenColor=get(gcf,Color); htext=uicontrol(gcf,Style,text,. String,Please select one of shapes,. Position,80,360,200,20, . Fontsize,12,ForegroundColor,b,. B

38、ackgroundColor,. ScreenColor(1),ScreenColor(2),ScreenColor(3);,hlist=uicontrol(gcf,Style,list,. String,line|triangle|square|rectangle|diamond,. call,Mydraw(hlist),Position,. 100,200,100,150,Fontsize,12,BackgroundColor,w);,例 建立两个滚动条，分别用于设置图形窗口的宽度和高度，并利用静态文本说明对象，标出滚动条的数据范围以及当前值,screen=get(0,ScreenSize

39、); w=screen(3); h=screen(4); hfigure=figure(Position,0.35*h,0.3*h,0.4*w,0.25*h,Name, 滑动条演示窗口,NumberTitle,off, MenuBar,none);,图形窗口,hslider1=uicontrol(hfigure,Style,Slider,Position, 50,50,120,20, Min,200,Max,800, Value,400, callback,set(azmcur,String,num2str(get(hslider1,Value);, set(hfigure,Position,

40、0.35*h,0.3*h,get(hslider1, Value),get(hslider2,Value););,第一个滑动条,hslider2=uicontrol(hfigure,Style,Slider,Position, 240,50,120,20, Min,100,Max,600,Value,300, callback,set(elvcur,String,num2str(get(hslider2,Value);,. set(hfigure,Position,0.35*h,0.3*h,get(hslider1, Value),get(hslider2,Value););,第二个滑动条,a

41、zmmin=uicontrol(hfigure,Style,text,Position, 20,46,30,20,String,num2str(get(hslider1,Min); elvmmin=uicontrol(hfigure,Style,text,Position,210,46,30,20,String,num2str(get(hslider2,Min);,用静态文本标出最小值,azmmax=uicontrol(hfigure,Style,text,Position,170,46,30,20,String,num2str(get(hslider1,max); elvmmax=uicon

42、trol(hfigure,Style,text,Position,360,46,30,20,String,num2str(get(hslider2,max);,用静态文本标出最大值,azmLabel=uicontrol(hfigure,Style,text,Position, 50,80,65,20,String,Width); elvLabel=uicontrol(hfigure,Style,text,Position,240,80,65,20,String,Height); azmcur=uicontrol(hfigure,Style,text,Position, 120,80,65,20

43、,String,num2str(get(hslider1,Value); elvcur=uicontrol(hfigure,Style,text,Position,240,80,65,20,String,num2str(get(hslider2,Value);,用静态文本标出当前设置的宽度和高度,例 建立图形演示对话框.在文本框输入”绘图”按钮时,能在左边坐标轴绘制所对应的图形,下拉列表框提供色图控制,列表框提供坐标轴网格线和坐标轴边框控制.,str=t=-pi:pi/10:2*pi;,r=2+sin(t);, x,y,z=cylinder(r,30);,surf(x,y,z); figure

44、(Name,图形演示,Color,0.8 0.8 0.8, units,normalized, Position,.2 .3 .55 .4, NumberTitle,off,Menubar,none);,haxes=axes(Position,.05 0.15 .55 .7);,htext=uicontrol(gcf,Style,text,units,normalized,Position,.63 .85 .2 .1,String,输入绘图命令, FontSize,11,Horizontal,center,back,.8 .8 .8);,hedit=uicontrol(gcf,Style,ed

45、it,units,normalized, Position,.63 .15 .2 .68,Max,2,back,w, String,str);,hpopup=uicontrol(gcf,Style,popup,units,normalized,Position,.85 .8 .15 .15,String,Spring|Summer|Autumn|Winter,call,COMM(hedit,hpopup,hlist), back,w);,hlist=uicontrol(gcf,Style,list,units,normalized,Position,.85 .55 .15 .25,String

46、,Grid on|Grid off|Box on|Box off,call,COMM(hedit,hpopup,hlist), back,w);,hpushDraw=uicontrol(gcf,Style,push,units,normalized,Position,.85 .35 .15 .15, String,Draw, call,COMM(hedit,hpopup,hlist),back,.8 .8 .8);,hpushClose=uicontrol(gcf,Style,push,units,normalized,Position,.85 .15 .15 .15,String,Quit,

47、 call,close(gcf),back,.8 .8 .8);,function COMM(hedit,hpopup,hlist) com=get(hedit,String) if isempty(com) eval(com) n1=get(hpopup,Value); n2=get(hlist,Value); chpop=spring,summer,autumn,winter; chlist=Grid on,Grid off,Box on,Box off; colormap(eval(chpopn1); eval(chlistn2); end,三、 可视化图形用户界面设计,MATLAB提供

48、了可视化的图形界面开发环境.实现了”所见即所得”.,GUI设计模板 打开：FileNew GUI 模板：四种模板 Blank GUI(默认) GUI with Uicontrols(带控件对象的GUI模板) GUI with Axes and Menu(带坐标轴与菜单的GUI模板) Modal Question Dialog(带模式问话对话框的GUI模板),GUI设计窗口,控件工具栏,工具栏,菜单栏,图形对象设计区,GUI设计的基本操作,控件,属性,为了添加控件，可以从GUI设计窗口的控件工具栏中选择一个对象，然后以拖曳方式在对象设计区建立该对象，其对象创建方式方便、简单。在GUI设计窗口创建对象后，通过双击该对象，就会显示该对象的属性查看器，通过它可以设置该对象的属性值。 在选中对象的前提下，单击鼠标右键，会弹出一个快捷菜单，可以从中选择某个子菜单进行相应的操作。在对象设计区右击鼠标，会显示与图形窗口有关的快捷菜单。,MATLAB的用户界面设计工具有： (1)对象属性查看器(Property Inspector)：可查看每个对象的属性值，也可修改设置对象的属性值。 (2)对象浏览器(Object Browser)：可观察当前设计阶段的各个句柄图形对象。 (3)菜单编辑器(Menu Edi