目 录
第 1 章 MATLAB App Desinger 教程 . . . . . . . . . . . . . . . . . . . . . . 1
1.1 如何使⽤ AppDesigner 进⾏的简单的 GUI 设计 . . . . . . . . . . . . . . . . 1
1.1.1 使⽤ App Desinger 的条件是什么 . . . . . . . . . . . . . . . . . . . . . . . 1
1.1.2 App Designer 有什么主要的特点 . . . . . . . . . . . . . . . . . . . . . . . . 2
1.1.3 如何使⽤ AppDesinger 进⾏简单的 GUI 布局 . . . . . . . . . . . . . . . . . . 2
1.1.4 如何修改 App Designer 控件的名字 . . . . . . . . . . . . . . . . . . . . . . 4
1.1.5 如何给 App 类添加属性 . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
1.1.6 如何设置 GUI 控件的初值 . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.1.7 如何给控件添加 callback . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
1.2 详解 App Designer ⽣成的代码 . . . . . . . . . . . . . . . . . . . . . . . . . . 9
1.2.1 App 属性声明的语法为什么和以前的不⼀样 . . . . . . . . . . . . . . . . . . . 9
1.2.2 App 的构造函数中做了哪些事情 . . . . . . . . . . . . . . . . . . . . . . . . 10
1.2.3 App 的析构函数在何时被调⽤ . . . . . . . . . . . . . . . . . . . . . . . . . 11
1.2.4 如何得到 AppDesigner ⽣成的代码 . . . . . . . . . . . . . . . . . . . . . . . 12
1.3 如何使⽤ Gauge,Knob,Lamp, 和 Toggle Switch . . . . . . . . . . . . . . . . . 14
1.3.1 Gauge,Knob,Lamp 和 Toggle Switch 在 GUI 中有什么⽤处 . . . . . . . . . . . 14
1.3.2 如何利⽤ Gauge,Knob,Lamp 和 Toggle Switch 设计⼀个简单的 APP . . . . . . 15
1.3.3 如何⽤ Knob 控制 Gauge, ⽤ Toggle Switch 控制 Lamp . . . . . . . . . . . . 17
1.4 App Designer 和硬件结合实例 . . . . . . . . . . . . . . . . . . . . . . . . . . 19
1.4.1 如何使⽤ MATLAB Arduino Support Package . . . . . . . . . . . . . . . . . 19
1.4.2 如何利⽤ App Designer 给 Arduino 设计 Dashboard(控制台) . . . . . . . . . . 20
1.4.3 如何给 Arduino 连线 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
1.4.4 如何编写 Dashboard 的 callback . . . . . . . . . . . . . . . . . . . . . . . . 24
1.5 MATLAB App Designer 和 MVC . . . . . . . . . . . . . . . . . . . . . . . . 27
1.5.1 简单回顾什么是 MVC 模式 . . . . . . . . . . . . . . . . . . . . . . . . . . 27
1.5.2 先设计取款机的 Model 类 . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
1.5.3 ⽤ App Designer 布局 View . . . . . . . . . . . . . . . . . . . . . . . . . . 30
1.5.4 给 View 添加 Controller . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
1.5.5 启动 MVC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
1.5.6 App Designer + MVC 流程回顾 . . . . . . . . . . . . . . . . . . . . . . . . 33
1.6 从 App Designer 的局限性谈 MATLAB 的图形系统 . . . . . . . . . . . . . . 35
作者简介 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
1
2 MATLAB App Designer 教程
更多 MATLAB 中文论坛技术文章 . . . . . . . . . . . . . . . . . . . . . . . . . . 41
第 1 章 MATLAB App Desinger 教程
1.1 如何使用 AppDesigner 进行的简单的 GUI 设计
1.1.1 使用 App Desinger 的条件是什么
Mathworks 在 R2016a 中正式推出了 GUIDE 的替代产品:AppDesigner，这是在 MAT-
LAB 图形系统转向使⽤⾯向对象系统之后 (2014b)，⼀个重要的后续产品，它旨在顺应 Web
的潮流, 帮助⽤户利⽤新的图形系统⽅便的设计更加美观的 GUI。要使⽤ App Designer，需
要最新的 MATLAB R2016a, 或者已经安装了 R2014b 到 R2015b 之间的任⼀版本，可以从
Mathwork 的 File Exchange 处下载 App Designer 的安装包进⾏安装：
http://www.mathworks.com/matlabcentral/fileexchange/48142-app-designer
唤起 App Designer，只需要在命令⾏中输⼊ appdesigner 就可以了
>> appdesigner
1
评论0