用户图形界面设计.pptx

《用户图形界面设计.pptx》由会员分享，可在线阅读，更多相关《用户图形界面设计.pptx（40页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1本章目标理解用户图形界面的用途掌握图形用户界面的设计开发工具GUIDE理解图形对象的常用句柄命令第1页/共40页2主要内容7.1图形用户界面设计工具GUIDE7.2控件7.3GUIDE常用工具7.4使用GUIDE的GUI设计7.5句柄图形7.6图形对象句柄命令第2页/共40页37.1图形用户界面设计工具GUIDE可视化图形界面开发环境GuideGraphicalUserInterfaceDevelopmentEnvironment第3页/共40页4用户界面开发环境组成（1）菜单栏；（2）Guide工具栏；（3）图形控件面板；（4）界面编辑客户区。第4页/共40页57.2 控件1静态文本（St

2、aticText）2编辑框（EditText）控件3列表框（Listbox）控件4滚动条（Slider）控件5按钮（PushButton）控件6开关按钮（ToggleButton）控件7单选按钮（RadioButton）控件8按钮组（ButtonGroup）控件9检查框（CheckBox）控件10列表框（Listbox）控件11弹出式菜单（PopupMenu）控件12坐标轴（Axes）控件13面板（Panel）控件第5页/共40页67.3 GUIDE常用工具LayoutEditor：布局编辑器；AlignmentTool：对齐工具；PropertyInspector：对象属性观察器；Objec

3、tBrowser：对象浏览器；MenuEditor：菜单编辑器。第6页/共40页71布局编辑器（1）Cut：对选中的控件进行剪切操作。（2）Copy：复制选中的控件。（3）Paste：粘贴复制的控件。（4）Delete：删除选中的控件。（5）Duplicate：对选中的控件进行复制并粘贴。（6）PropertyInspector：对选中的控件打开属性检查器。（7）ObjectBrowser：打开对象浏览器。（8）ButtonDownFcn：按下鼠标时控件回调的函数。（9）Callback：单击鼠标时控件回调的函数或功能。（10）CreateFcn：定义控件在创建阶段执行的回调例程。（11）De

4、leteFcn：定义在对象的删除阶段执行的回调例程。第7页/共40页82对齐工具第8页/共40页93对象属性观察器一、控件风格和外观（1）BackgroundColor：设置控件背景颜色，使用RGB或颜色定义。（2）CData：在控件上显示的真彩色图像，使用矩阵表示。（3）ForegroundColor：文本颜色。（4）String属性：控件上的文本，以及列表框和弹出菜单的选项。（5）Visible：控件是否可见。第9页/共40页103对象属性观察器二、对象的常规信息（1）Enable属性：表示此控件的使能状态，设置为on”，表示可选，为“off”时则表示不可选。（2）Style：控件对象类型

5、。（3）Tag：控件表示（用户定义）。（4）TooltipString属性：提示信息显示。当鼠标指针位于此控件上时，显示提示信息。（5）UserData：用户指定数据。（6）Position：控件对象的尺寸和位置。（7）Units：设置控件的位置及大小的单位（8）有关字体的属性，如FontAngle，FontName等。第10页/共40页113对象属性观察器三、控件回调函数的执行（1）BusyAction：处理回调函数的中断。有两种选项：即Cancel：取消中断事件，queue：排队（默认设置）。（2）ButtonDownFcn属性：按钮按下时的处理函数。（3）CallBack属性：是连接程序

6、界面整个程序系统的实质性功能的纽带。该属性值应该为一个可以直接求值的字符串，在该对象被选中和改变时，系统将自动地对字符串进行求值。（4）CreateFcn：在对象产生过程中执行的回调函数。（5）DeleteFcn：删除对象过程中执行的回调函数。（6）Interruptible属性：指定当前的回调函数在执行时是否允许中断，去执行其他的函数。第11页/共40页123对象属性观察器四、控件当前状态信息（1）ListboxTop：在列表框中显示的最顶层的字符串的索引。（2）Max：最大值。（3）Min：最小值。（4）Value：控件的当前值。第12页/共40页134对象浏览器对象浏览器里面列出了所有对

7、象的树状结构，这些结构就是当前正在设计的GUI程序中用到的所有对象。第13页/共40页145菜单编辑器菜单编辑器提供了两种菜单类型的编辑功能：下拉式菜单（MenuBar）弹出式菜单（ContextMenu）第14页/共40页15例7-2 编写一个3D立体图的演示程序第15页/共40页167.4使用GUIDE的GUI设计使用Guide进行GUI的界面设计，就像在纸上绘制界面一样简单。界面编辑工具设计出界面的大体方案事件过程编辑器编写各个对象的事件代码第16页/共40页17例7-3 建立一个图形界面来显示和处理三维图形 基本功能要求如下。（1）建立一个坐标系，以备以后来绘制三维图形；（2）建立三个

8、按钮，用于启动绘图功能；（3）建立一个组合框（PopupMenu），用于显示不同的图形。第17页/共40页18解题步骤：（1）打开布局编辑器（2）增加组件（3）对齐工具（4）设置每个组件的属性；（5）设置Guide应用程序选项，采用默认属性。（6）激活图形第18页/共40页19程序代码：functionvarargout=My0703(varargin)gui_Singleton=1;gui_State=struct(gui_Name,mfilename,.gui_Singleton,gui_Singleton,.gui_OpeningFcn,My0703_OpeningFcn,.gui_Ou

9、tputFcn,My0703_OutputFcn,.gui_LayoutFcn,.gui_Callback,);ifnargin&ischar(varargin1)gui_State.gui_Callback=str2func(varargin1);endifnargoutvarargout1:nargout=gui_mainfcn(gui_State,varargin:);elsegui_mainfcn(gui_State,varargin:);end第19页/共40页20程序代码：functionMy0703_OpeningFcn(hObject,eventdata,handles,var

10、argin)handles.peaks=peaks(35);handles.membrane=membrane;x,y=meshgrid(-8:0.5:8);r=sqrt(x.2+y.2)+eps;sinc=sin(r)./r;handles.sinc=sinc;handles.current_data=handles.peaks;surf(handles.current_data);handles.output=hObject;guidata(hObject,handles);functionvarargout=My0703_OutputFcn(hObject,eventdata,handl

11、es)varargout1=handles.output;functionSurf_pushbutton_Callback(hObject,eventdata,handles)surf(handles.current_data);functionMesh_pushbutton_Callback(hObject,eventdata,handles)mesh(handles.current_data);第20页/共40页21程序代码：functionContour_pushbutton_Callback(hObject,eventdata,handles)contour(handles.curre

12、nt_data);functiondata_popup_Callback(hObject,eventdata,handles)val=get(hObject,Value);str=get(hObject,String);switchstrvalcasepeakshandles.current_data=handles.peaks;casemembranehandles.current_data=handles.membrane;casesinchandles.current_data=handles.sinc;endguidata(hObject,handles);第21页/共40页227.5

13、句柄图形句柄图形是对底层图形命令集合的总称，它实际上进行生成图形的工作。第22页/共40页237.5.1句柄图形的层次关系第23页/共40页247.5.2图形窗口对象的属性1Color属性2MenuBar属性3Name属性4NumberTitle属性5Units属性6Position属性7Resize属性8Visible属性9NextPlot属性10打印纸属性11各种回调函数第24页/共40页257.6图形对象句柄命令句柄系统可以从底层(1owlevel)创建和操作线、面、文字、图像等基本图形对象指令。第25页/共40页267.6.1建立图形对象的函数1figure函数：创建一个新的图形对象。

14、2newplot函数：做好开始画新图形对象的准备。3axes函数：创建坐标轴图形对象。4line函数：画线。5patch函数：填充多边形。6surface函数：绘制三维曲面。7image函数：显示图片对象。8uicontrol函数：生成用户控制图形对象。9uimenu函数：生成图形窗口的菜单中层次菜单与下一级子菜单。第26页/共40页27例7-4 显示曲线图程序：h=figure();t=0:pi/10:2*pi;line(t,sin(t);line(t,cos(t);第27页/共40页28例7-5显示多边形。程序：x=0:pi/4:2*pi;patch(sin(x),cos(x),r)第28

15、页/共40页297.6.2图形对象句柄的获得和删除gcf函数：获得当前图形窗口的句柄gca函数：获得当前坐标轴的句柄gco函数：获得当前对象的句柄gcbo函数：获得当前正在执行调用的对象的句柄gcbf函数：获取包括正在执行调用的对象的图形句柄delete函数：删除句柄所对应的图形对象findobj函数：查找具有某种属性的图形对象第29页/共40页307.6.3对象属性的获取和设置（1）get函数返回某些对象属性的当前值。例如：pget(hf_1,Position);（2）函数set改变句柄图形对象属性，例如：set(hf_1,Position,vect);第30页/共40页31扩展阅读7.7公

16、用对话框文件文件选择对话框颜色选择对话框字体选择对话框页面设置对话框警告与错误信息对话框简单帮助信息对话框第31页/共40页32上机指导7.8动画制作例：编写一个演示程序，用于显示小球沿正弦曲线运动的运动规律。第32页/共40页33应用举例利用界面设计工具guide，重新编写MATLAB中平面演示程序graf2d.m。第33页/共40页34解题步骤：（1）利用界面编辑器，设计窗口初始位置和大小，添加所需控件（2）新建图形对象，对齐所有控件（3）设置新建对象的属性（4）在产生的M文件加入相应代码第34页/共40页35程序代码1functionline_pushbutton_Callback(hO

17、bject,eventdata,handles)cmdStr=str2mat(.%Lineplotofachirp,.x=0:0.05:5;,.y=sin(x.2);,.plot(x,y);.);set(handles.edit1,String,cmdStr);evalmcw(handles.edit1);functionbar_pushbutton_Callback(hObject,eventdata,handles)cmdStr=str2mat(.%Barplotofabellshapedcurve,.x=-2.9:0.2:2.9;,.bar(x,exp(-x.*x);.);set(han

18、dles.edit1,String,cmdStr);evalmcw(handles.edit1);第35页/共40页36程序代码2functionstair_pushbutton_Callback(hObject,eventdata,handles)cmdStr=str2mat(.%Stairstepplotofasinewave,.x=0:0.25:10;,.stairs(x,sin(x);.);set(handles.edit1,String,cmdStr);evalmcw(handles.edit1);functionError_pushbutton_Callback(hObject,e

19、ventdata,handles)cmdStr=str2mat(.%Errorbarplot,.x=-2:0.1:2;,.y=erf(x);,.e=rand(size(x)/10;,.errorbar(x,y,e);.);set(handles.edit1,String,cmdStr);evalmcw(handles.edit1);第36页/共40页37程序代码3functionPolar_pushbutton_Callback(hObject,eventdata,handles)cmdStr=str2mat(.%Polarplot,.t=0:.01:2*pi;,.polar(t,abs(si

20、n(2*t).*cos(2*t);.);set(handles.edit1,String,cmdStr);evalmcw(handles.edit1);functionstem_pushbutton_Callback(hObject,eventdata,handles)cmdStr=str2mat(.%Stemplot,.x=0:0.1:4;,.y=sin(x.2).*exp(-x);,.stem(x,y).);set(handles.edit1,String,cmdStr);evalmcw(handles.edit1);第37页/共40页38程序代码4functioninfo_pushbutton_Callback(hObject,eventdata,handles)helpwinfunctionclose_pushbutton_Callback(hObject,eventdata,handles)close(gcf);第38页/共40页39学好计算机的唯一途径是你的编程能力与你在计算机上投入的时间成结结束束语语第39页/共40页40感谢您的观看！第40页/共40页