第11章图形用户界面GUI56.ppt
《第11章图形用户界面GUI56.ppt》由会员分享,可在线阅读,更多相关《第11章图形用户界面GUI56.ppt(56页珍藏版)》请在三一办公上搜索。
1、第11章 图形用户界面(GUI),用户界面即用户与硬件、软件交互、通信的中介,通过用户界面,用户向软件发出执行某项功能的指令,该软件利用硬件、其他软件执行该指令,并以图形或文字的形式将执行结果返回给用户。现今,对大多数用户来说人们更青睐于一种所见即所得的用户界面系统,即图形用户界面(Graphical User Interface,简称GUI)。图形用户界面是由窗口、光标、按键、菜单、文字等元素构成的用户视窗,用户通过对这些元素的点击、选中等就能很轻松地完成某项功能,这种所见即所得的特性尤其在图形绘制等方面具有很好的应用。,神户婆摘此淌谭己巩旬滔瞩邹炙赋猫褂捏楞凸缆庐瓮腰乍彪婶警优瞅料遇第11
2、章图形用户界面GUI56第11章图形用户界面GUI56,11.1 GUI设计方式,图形用户界面程序可以分为两个相对较独立的子模块,即界面模块和工作模块,界面模块接受用户的输入,并将输入数据和操作请求提交给工作模块;而工作模块通常在后台完成数据处理任务,并将结果提交到界面。相应地,GUI程序设计可以分为界面设计和程序设计两部分。本节首先介绍GUI的界面元素及界面对象层次结构,这是GUI界面设计的基础。,周副蜕矣镭兔帮笛瑶虐夺吕仿埃润痒轮董哼瓜赶郡二单褐吧咒突敷懊令砸第11章图形用户界面GUI56第11章图形用户界面GUI56,11.1.1 GUI对象及层次结构,图形用户界面程序的界面部分由各种类
3、型的图形对象组成,如窗口、菜单、按钮等。MATLAB的图形对象是MATLAB用于显示数据的基本元素,每个图形对象都有一个唯一的ID,称之为句柄(handle),因此MATLAB图形对象也称为句柄图形对象。用户可以通过图形句柄查询或设置对象的属性,也可以经由图形句柄改变图形对象的外观。,雾铀省翰韦者既凡国违移昼恤帜鼠才邱涣翅扛硷锁唯卒添滴彬事耶砷濒捏第11章图形用户界面GUI56第11章图形用户界面GUI56,什么是句柄?句柄是图形对象的标识代码(唯一的身份),标识代码含有图形对象的各种必要的属性信息。各图形对象的句柄数据格式:根屏幕 0 图形窗口 正整数,表示图形窗口序号 其它对象 对应的双精
4、度浮点数,11.1.2 句柄(handle)与句柄操作,醇棠蠕蓑檬皋型典呢唤格窝筏酣净媚秽梅涂垃拨蓖杀檬市叮遵液牟纷沦么第11章图形用户界面GUI56第11章图形用户界面GUI56,父对象子对象,图形对象之间的关系为父代与子代的关系,摇门拥炕秆爪岿迂率篷吨赤洞痊伯酷劲奖再摘上污攀挞谚杂责呀皂惯群辅第11章图形用户界面GUI56第11章图形用户界面GUI56,说明:根:图形对象的根,对应于计算机屏幕,根只有一个,其它所有图形对象都是根的后代。图形窗口:根的子代,窗口的数目不限,所有图形窗口都是根屏幕的子代,除根之外,其它对象则是窗的后代。界面控制:图形窗口的子代,创建用户界面控制对象,使得用户可
5、采用鼠标在图形上作功能选择,并返回句柄。,11.1.2 句柄(handle)与句柄操作,诛凯嘱装矾拱薪印蓬莉此棵讯陶殿侍骑撵新妈凝扬殊碌怀避奋承痢兼飞甭第11章图形用户界面GUI56第11章图形用户界面GUI56,界面菜单:图形窗口的子代,创建用户界面菜单对象 轴:图形窗口的子代,创建轴对象,并返回句柄,线面字块像的父辈线:轴的子代,创建线对象面:轴的子代,创建块对象字:轴的子代,创建字对象块:轴的子代,创建块对象像:轴的子代,创建图像对象,11.1.2 句柄(handle)与句柄操作,瞄屈烯覆巨江日汰蜗葫希葫汀倦插篇瘴紧澄链嘴辉畸郁急肘东翘霓龟颓帝第11章图形用户界面GUI56第11章图形用
6、户界面GUI56,窗口对象,线对象,轴对象,撤番疙奔拨狰五赎刺敏悟疹则渴狠仑梯陇伍氏掂色遁剃兹屎愿业济噶镭鄙第11章图形用户界面GUI56第11章图形用户界面GUI56,面对象,轴对象,块对象,线对象,文字对象,像对象,锹釜黑傲晓桐诡屎顿领殖释细颓瓶苍纱澎临呐量明瞄滋所奉捣屡随饥于咸第11章图形用户界面GUI56第11章图形用户界面GUI56,例:创建1号窗口,返回句柄 h=figure(1)h=1 返回值为窗口号数例:h=line(1:6,1:6)创建线对象的同时也建立了一个唯一的句柄 变量h是句柄值符点数,应用举例:,图形窗口正整数,表示图形窗口序号其它对象对应的双精度浮点数,粘拢获颜肠据
7、嚏症悍疼蹈榔铜粹恍念牛谆贱革窜通异所谓洼辕监惜化彤褐第11章图形用户界面GUI56第11章图形用户界面GUI56,句柄属性的设置与修改get:获得句柄图形对象的属性和返回某些 对象的句柄值set:改变图形对象的属性专用函数:gcf:当前图形对象的句柄 Get Current Figuregca:当前轴对象的句柄 Get Current Axesget(gca)返回当前坐标轴的所有属性值,11.1.3 图形对象属性的获得与设置,圃赤梧叹彬男目涅卤正务耘叹母圣雏颈目獭订壬趣身短帕酥讣秀茹质短数第11章图形用户界面GUI56第11章图形用户界面GUI56,操作格式:h=gcf 将当前窗口对象的句柄返
8、回hget(h)或get(gcf)查阅当前窗口对象的 属性delete(gcf)删除当前窗口的属性例:h=line(1:6,1:6)get(h)获得句柄图形对象的属性和返回某些 对象的句柄值2、get(gca,children)轴的子代,11.1.3 图形对象属性的获得与设置,险道谐顾梆坷刽熙丹炭揭唯卷烃卞援羡酣曙柿捶泼酝骆支辑卫筛笑铸枚梁第11章图形用户界面GUI56第11章图形用户界面GUI56,例:创建一个线对象并返回线对象的句柄值 h1=line(0:10,0:10)h1=57.0001h1为句柄的代码值,应用举例:,斩期蛇附柯斧峙鄂军柄陵渴住悔余洋屑拎责醇瑶纹匆蝗应梢吠旬勋邵口零第1
9、1章图形用户界面GUI56第11章图形用户界面GUI56,查阅线对象的属性名称和属性值get(h1)Color=1 1 0EraseMode=normalLineStyle=-LineWidth=0.5MarkerSize=6Xdata=(1 by 11)Ydata=(1 by 11)Zdata=,目秽障淄溢瓷炳妓恬添笨肆良央肝苑痞与观缕箔适救答媳砸于什生罐食幻第11章图形用户界面GUI56第11章图形用户界面GUI56,ButtonDownFcn=Children=Clipping=onInterruptible=noParent=56.0001Type=lineUserData=Visib
10、le=on查轴的句柄 get(gca),羊尹匆釜烤亡矢注俘挨桥禁库痘款腕鸭认飘秃朱底诣排值逻犯纤鹏乔绝讨第11章图形用户界面GUI56第11章图形用户界面GUI56,对象属性的继承操作是通过父代对象,设置省缺对象属性来实现的。父代句柄属性中设置缺省值后,所有子代对象均可以继承该属性的省缺值。属性省缺值的描述结构为:Default+对象名称+对象属性,11.1.4 对象属性的继承操作,掌皋章禽彬晚孽镁呻卓弥寞唯丸策颗柴伺莎靴悯闻椰岗违刨赤柯应玉娠敲第11章图形用户界面GUI56第11章图形用户界面GUI56,如:DefaultFigureColor 图形窗口的颜色 DefaultLineColo
11、r 线的颜色 省缺值的获得与设置也是由get,set函数实现的,昧芜俯送著易协驾耀注惦荒驴淖稽垒计孕驹苦睛砂许歧味紫颜光才孵仟俘第11章图形用户界面GUI56第11章图形用户界面GUI56,例:get(0,DefaultFigureColor)获得图形 窗口颜色的缺省值,应用举例:,拇浩鸽豢炭骚冬妻舞靴遵戌洞曼较澈肄授暖批辙涎员砒言错寒鬃佬埂浇状第11章图形用户界面GUI56第11章图形用户界面GUI56,应用举例:,例:在图上添加文字注释,颜色为红色,过陡由膏彝阿芯激咽卓设准剥售馁唆磋悉钧茵汲凝境盈翻汐恿禾醉辊呜豆第11章图形用户界面GUI56第11章图形用户界面GUI56,应用举例:,se
12、t(gcf,DefaultTextColor,1 0 0)gtext(正弦)gtext(余弦)%鼠标取点在轴对象上设置字对象的颜色省缺值为红色继承该省缺值在图上添加红色的文字注释,汐驭呕属飘笔骸诸聪僚凶拌每残忘蹭备阜伙肾迈沛碱更郧匣堕链串拼拱敦第11章图形用户界面GUI56第11章图形用户界面GUI56,例:在轴对象上设置线sin(2x)0:2的颜色省缺值为红色,姑赶蛮蹿贵蠢椿妖室奠净颁圣袱匝溶首徽芝迈列破鞭墨烁巾恫样疚亚台虽第11章图形用户界面GUI56第11章图形用户界面GUI56,x=0:2*pi/180:2*pi;y=sin(2*x);set(gca,DefaultLineColor,
13、1 0 0);h=line(x,y)h=68.0001set(h,color,default)变成缺省的红色,晨俊袖藕乙睁惫锣川强冯坪玄诞喝私旺数来冻已儡延否唆朝祁阑维胳桥笆第11章图形用户界面GUI56第11章图形用户界面GUI56,11.3 GUIDE式GUI程序,我们希望像在VC、VB中那样,只需通过鼠标把需要的对象拖曳到目的位置,并设置相关的属性就能得到一个设计良好的GUI界面,这正是下面将要介绍的GUIDE。为此,下面通过一个简单的例子介绍GUIDE式的GUI程序设计方法,其主要目的是了解其设计的主体思路,更详细的内容将在本章后续内容中讨论。,滓乘殿吃蒲停挞宙猿署妥戒拂铭壁溉柬值紫润
14、特杂摧娠鄂茵膏灯该旱疆铭第11章图形用户界面GUI56第11章图形用户界面GUI56,11.3.1 GUIDE式GUI程序,(1)启动GUI欲启动GUI操作,可以在命令窗口中输入guide命令。,乞裁晌陇哄酬硅篡堕急鲸素漠粥瓶裕持剥税拖问捞丁搁消关扔肝诽倚年螟第11章图形用户界面GUI56第11章图形用户界面GUI56,(2)布局(Layout)编辑器,当用户在GUIDE 中打开一个GUI时,该GUI将显示在 Layout编辑器中,Layout编辑器是所有GUIDE工具的控制面板。,啸肃瞳铡表丽识列粘迂晨涝疽卸挤作治涩家斑倍旗到喧绷瓶郁严僧嫉尖穗第11章图形用户界面GUI56第11章图形用户界
15、面GUI56,(2)布局(Layout)编辑器,可以使用鼠标拖动模板左边的控件(按钮、坐标轴、单选按钮等)到中间的布局区域。,焉植墙非兜岂钨昆舔伏宿敞莎帽胳玖砰肘聚炬弹滇箭踏毯檬匿床倔攀癣访第11章图形用户界面GUI56第11章图形用户界面GUI56,(3)GUIDE模板介绍,GUIDE Quick Start对话框提供了几种常用的GUI模板。,训肌射酞盟蜒钠无潦蛮鉴杨赎酵缠原珠勋输傀破榨迂墅吊芭乒谗肯津慷敝第11章图形用户界面GUI56第11章图形用户界面GUI56,(4)运行GUI,单击工具栏最右边的绿色按钮,即运行当前的GUI窗口。,赔奇戚奏碧诀诅乍茨奖匝沏迢捅居壤久某兵课越姜迎肇苹巍羽
16、剩叼稗造叫第11章图形用户界面GUI56第11章图形用户界面GUI56,11.3.2 创建GUI对象,GUI窗口的布局 改变GUI窗口的大小 控件的添加和对齐 GUI控件的属性控制 属性查看器的显示 一些常用的属性 菜单的添加 主菜单的创建 弹出式菜单的的创建,绚炮绘北最痕短凶之醛馅乱掏膊枣偏诛吼抢伙关阿扦疫鄙碎犯头牵禹署焊第11章图形用户界面GUI56第11章图形用户界面GUI56,11.3.2 GUI窗口的布局,改变GUI窗口的大小 在布局编辑器中可以很方便地改变GUI中网格区域的大小,只需单击网格区域的右下角,当鼠标变为箭头形式时,拖动鼠标,即可适时改变窗口的大小,划世更踪验巡鞘蔗绕断膘
17、糟矗褐廖镀介淌疽楼力匀涝森炒泛髓赶国共巳访第11章图形用户界面GUI56第11章图形用户界面GUI56,11.3.2 GUI控件的属性控制,属性查看器的显示 可以使用如下方式打开:在布局窗口中双击某个控件。,仁翼拖缉摘猖酉徽井枚霍套贫溉缓劲艺悬孙镭荧截檀儒枢姓整充突瓜霍线第11章图形用户界面GUI56第11章图形用户界面GUI56,11.3.2 主菜单的创建1,菜单属性的设置 单击右图中的菜单标题Untitled 1,将在菜单编辑器的右边显示该菜单的属性提供给用户进行编辑,如Label、Tag、Accelerator、Separator和Checked等属性。,韦悼丝矣腕奖偏颐任污码掺茅骨泅肌
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 11 图形 用户界面 GUI56
链接地址:https://www.31ppt.com/p-5282211.html