MATLAB GUI界面设计 第一章——初识APP Designer

参考教程：MATLAB App Designer基础教程Matlab GUI界面设计（全集更新完毕-用户界面设计appdesigner（中文）Matlab Gui教程_哔哩哔哩_bilibili

一、MATLAB APP Designer的打开和简单操作

1、MATLAB APP Designer的打开

（1）在命令窗口输入“appdesigner”，即可打开MATLAB的UI界面设计工具。（温馨提示，以下如无特殊说明，使用的版本均为2017b）

（2）App Design窗口中左上角可以新建工程，也可以打开已有工程，具体不过多赘述。

2、MATLAB APP Designer的简单操作

（1）从左侧组件库中可以拖动组件添加进画布，这时组件浏览器也会增加一个组件，然后选择画布中的组件，可在右侧属性栏对其属性进行编辑。

（2）选中画布，拖动其边界，可以改变界面大小。

（3）点击“运行”，即可以用户的视角打开所设计的UI界面（如提示保存则保存即可，文件命名规则与变量名命名规则相同），不过当前仅做了前端处理，所以这个APP是没有任何动静的。

（4）切换至代码视图，可以发现刚刚添加的组件其实底层都是若干行代码，这些是MATLAB自动生成的，程序员只管拖动组件就行。需要说明的是，每个组件都可以视作一个对象，它们有若干属性，所以在MATLAB中设计UI时，需要带有面向对象编程的思想。

二、第一个APP的制作和运行

1、前端制作

（1）首先清空上一节添加的两个组件，使用该工程进行第一个APP的制作。

（2）添加按钮组件、编辑字段（文本）组件和标签组件各一个进画布。

（3）摆放组件的位置，同时更改画布大小，尽可能看起来美观。

（4）更改标签组件的属性，具体是修改文本为“我的第一个APP”，并将其水平居中和垂直居中，选择一个看起来美观的字体，并更改字体颜色和背景颜色。

（5）更改按钮组件的属性，具体操作与上一步类似，这里不再赘述。

2、后端制作

（1）当前仅布置了前端界面，它并没有任何执行逻辑，当用户按下按键后，应该有后端进行相应的处理。这里可以右键按钮组件，选择添加回调函数，就能跳转到按钮组件的回调函数（如未添加过回调函数，必须要在这里选择添加，如果直接在代码视图里找，是找不到对应的回调函数编写区的），在这里编写的代码将会在用户按下按钮后执行。

（2）在按钮的回调函数编写区编写代码，当用户按下按钮后，文本编辑字段组件的位置将会显示“Hello World！”文本。（温馨提示，在用“.”引出对象的成员时，可按下Tab键弹出其所有可选选项）

3、试运行

（1）保存文件后点击“运行”，然后模仿用户行为去点击“Button”按钮，就会显示文本“Hello World！”。

（2）整个画布实际上也是一个对象。

①如果勾选了下图所示的两个选项，用户就可以随意调整窗口的大小，并且组件也会跟随窗口大小的变化而变化。

②画布的标题默认为“UI Figure”，可对其进行更改，这样窗口上面的名字也会跟着一起变化。

4、生成可执行文件

（1）首先选择“设计器”选项卡，点击“APP详细信息”，补充一些关于APP功能的摘要和说明，然后点击确定即可。

（2）再点击“部署APP”，即可进入编译程序的设置窗口。

（3）点击“Setting”，即可配置编译完成后文件的存放位置，包括日志等信息也一样。

（4）点击下图所示的按键，可以配置用户打开APP时显示的图片。

（5）点击下图所示按键，可以配置可执行文件的图标。

（6）作者名字、邮箱、公司等内容都可选填，填完后点击“Package”即可将文件打包。

（7）双击生成的可执行文件，这样即使脱离了MATLAB环境也可运行此程序。