matlabgui控件_科协五分钟MATLAB中AppDesigner的⽤法欢迎关注精仪系科协栏⽬“科协五分钟”。本栏⽬每周⼀期,会向⼤家介绍科协科创成果,推送最新动态,提供技术交流的平台,也会有⾯向低年级同学的科普讲解。
本次科协五分钟简要介绍MATLAB中App Designer的⽤法(MATLAB可视化界⾯的设计在⼤三某专业课的作业中是需要的哟~~
本次科协五分钟通过以下四个⽅⾯进⾏介绍:
1、 App Designer简介
2、【举例】如何⽤App Designer进⾏GUI设计
3、 如何通过App Designer画图
4、 如何使⽤App Designer新增控件
⼀、App Designer简介
Mathworks在R2016a中正式推出了GUIDE的替代产品:App Designer,以帮助⽤户设计更加美观的GUI。
特别提醒:要使⽤App Designer,需要MATLAB R2016a及以上的版本。
▶ 相较于GUIDE,App Designer有如下特点:
1. 采⽤了更现代且友好的界⾯。
2. 增加了和⼯业应⽤相关的控件,如:仪表盘(Gauge),旋钮(Knob),开关(Switch),指⽰灯(Lamp)
3. ⾃动⽣成的代码使⽤了⾯向对象的语法。
▶ 如何在MATLAB中打开App Designer?
⽅法⼀:在命令⾏窗⼝中,输⼊appdesigner, 进⼊设计界⾯
⽅法⼆:左上⾓新建→应⽤程序→App Designer
得到如下图App Designer界⾯:
图⼀:App Designer初始界⾯
⼆、【举例】如何进⾏简单的GUI设计
举例:拟设计如下图所⽰的“账户存款、提款”的GUI界⾯
图⼆:拟设计GUI界⾯效果图
设计步骤:
1、布置基本GUI界⾯
从设计台左边的控件栏(Component Library)中拖拽两个Edit Field(Numeric)和两个Button构成基本界⾯,如下所⽰:
(注意:由于此处的编辑字段为数值量,⽽⾮⽂本,故应拖拽Edit Field(Numeric)组件⽽不是Edit Field(Text)组件)
图三:GUI设计初始界⾯
2、修改App Designer控件的名字(⾮必须)
在Code View中,我们看到,两个Button的初始默认名字分别叫做“Button”和“Button2”,这样命名对程序逻辑的理解没有帮助,可以把它们的名字修改得更有实际意义。
点击右栏Component Browser中的app.Button和app.Button2来键⼊新的属性的名字。
( 注意: 左边代码中的属性名称也将做⾃动的修改)
如下图所⽰:
图四:修改App Designer中按钮控件的名字
同理,也可以修改可编辑数字框的名字。
图五:修改App Designer中可编辑数字框的名字
3、给App类添加属性
我们期望能把GUI的视图和模型分开,在这个例⼦中,模型中应该包括账户Balance的值,于是我们给类添加⼀个叫做Balance的属性,这可以通过点击Toolstrip中的Editor->Property->Insert Private Property来达到。
switch函数用法举例如下图:App Designer⾃动在类定义中插⼊⼀段property的代码,该Property的属性是Private,即⽆法从外部访问和修改Balance。
图六:给类添加⼀个名为Balance的属性(此例中,Balance为私有属性)
4、 设置GUI控件的初值
通常在GUI呈现给⽤户时,栏⽬中应该有些初值,本例中我们希望ViewBalance和ViewRMB栏中能够显⽰初始值,那么便需修改startupFcn,代码如下:
图七:设置GUI控件的初值
图⼋:设置初值后的界⾯效果(其中Balance的值⽆法被⽤户修改)
5、 给控件添加回调函数
最后,我们需要给两个button添加回调函数。点击Component Browser→app.WithDrawButton→Callbacks→Add ButtonPushedFcn callback,操作如图所⽰:
图九:添加回调函数图⽰
两个Button的回调函数的代码图下:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论