MATLAB App Designer教程连载1:如何使用App Designer进行的简单的GUI设 ...

本文内容所有内容仅代表本人观点，和Mathworks无关

要使用App Designer，需要最新的MATLAB R2016a； 或者已经安装了R2014b到R2015b之间的任一版本，可以从Mathworks的File Exchange处下载App Designer的安装包进行安装。

启动App Designer设计台，只需要在命令行中输入appdesigner。

在《MATLAB面向对象编程：从入门到设计模式》第7.1节中，有一个账户存款，提款界面的例子。首先我们在MATLAB中打开App Designer，模仿书中的例子，从设计台左边的Component Library（控件栏）中拖拽两个Edit Field(Numeric)和Button构成基本界面。

App Designer在布置画布控件上设计的非常友好，如果用鼠标挪动这些控件，画布会上出现辅助线帮助对齐控件。调整完大小，间距之后，新的GUI看上去和用GUIDE设计的类似。

点击CodeView,可以看到App Designer为这个界面自动生成的面向对象的代码。在Code View中，我们看到，两个Button分别是类的两个属性，名字叫做Button,和Button2，这样命名属性对程序逻辑的理解没有帮助，最好把它们的名字修改得有实际的意义。同样，我们把它们名字改成ViewBalance,ViewRMB。

沿用第7章的MVC的设计思想，我们期望至少能把GUI的视图和模型分开。在类中添加一个叫做Balance的属性，通过点击Toolstrip中的Editor->Property->Insert Private Property来达到。

通常在GUI呈现给用户时，栏目中应该有些初值。修改startupFcn方法，设置ViewBalance和ViewRMB栏的初值。

最后，给两个button添加回调函数。点击Component Browser->app.WithDrawButton->Callbacks->Add ButtonPushedFcn callback。App Designer会自动帮你在类的定义中插入一个方法，该方法的只有一个参数就是对象本身，名字叫做app。WithDrawButton和DepositButton的回调函数分别负责提款和存款操作。

点击工具栏右上的RUN按钮，测试这个简单的程序。程序会显示账户余额的变化，从而验证设计和实现的正确性。

作者拥有计算物理学博士和计算机硕士的背景，研究方向涉及电子结构计算、密度泛函算法开发、图像处理等。从2004年开始使用MATLAB，2009年开始使用MATLAB面向对象编程，2011年入职MathWorks，成为MATLAB语言的设计开发和实现的软件工程师。2016年，作者在MATLAB中文论坛开辟了技术专栏，分享最新的行业应用技术和MATLAB编程理念，推动软件工程中的现代手段在MATLAB科学工程计算项目中的使用，帮助科学家和工程师更有效地解决复杂的科研问题。《MATLAB面向对象编程:从入门到设计模式(第二版)》作者凭借多年的科研和工作经验以及对MATLAB语言的理解，旨在启发各种规模的科学工程计算项目的MATLAB使用者。

本文如未解决您的问题请添加抖音号：51dongshi（抖音搜索懂视），直接咨询即可。