MATLAB Appdesigner开发独立桌面App全流程（一）：以打开串口功能为例介绍Appdesigner的基本使用

本系列博客仅为学习记录，不定期更新。

1.MATLAB Appdesigner 的基本使用

MATLAB目前内置的App开发工具为Appdesigner。Appdesigner使用面向对象的方式进行编写；并且在开发工具中，所有控件的生成代码由开发工具自动生成，用户只需要按照自己的实际需要添加全局变量、回调函数，修改控件属性即可。按照官方文档的说法，GUIDE将会被逐渐移除出MATLAB。因此，我们需要尽快学习并掌握Appdesigner的使用。

1.打开Appdesinger：先打开MATLAB，界面如下所示：

2.点击上图中红色圈圈出的“设计App”，进入如下界面：

3.在第一行，根据需要可以选择新建App，空白模板或者自动调整的分为两栏和三栏的模板。此处我们选择“可自动调整布局的两栏式App”，进入如下界面：

4.左侧方框内为MATLAB开发工具中所附带的控件；中间方框为App视图；右侧方框为各个控件的一些属性以及组件树，我们可以在此处修改各种属性，以达到美化App的目的。点击App视图右上角的“代码视图”，界面如下：

这是还没有添加任何控件和用户代码的App代码，由设计工具自动生成，不需要用户一个个编写属性。

至此，我们就新建了一个.mlapp工程，可以开始使用Appdesigner开发工具开发出符合我们需要的App了。将工程保存到自己想要保存的路径后，开始添加控件和回调函数，以便达到我们的设计目的。下面几小节将介绍部分常见控件的使用以及不同类型回调函数的编写。

2.按钮

1.首先，我们需要将按钮控件添加到设计画布上。在左边常用控件里找到“按钮”，鼠标左键按住，将其拖动到画布上以后松开鼠标左键。这样，一个按钮控件就添加好了。

2.如上图所示，当添加好按钮控件后，单击控件，周围会出现一个蓝色框。这个和我们在PPT里常见的文本框性质是相同的，我们可以直接拖拽右下角调整控件的大小；按住整个控件，可以改变其位置。右侧的组件浏览器中，上方为组件树，下方为我们所选中的组件的属性。最常用的属性为“Text”，这个属性代表了控件在图窗中显示的名字。比如此处，我将其命名为“打开串口”，那么在图窗中，这个按钮控件就会显示为“打开串口”：

3.多数情况下，按钮并不会被其他控件调用。但是其他控件，比如坐标区、文本框等，会经常被其他控件的回调函数调用。很多时候，我们需要调用多个坐标区或文本框。因此，为了方便我们在写代码时准确调用其他控件，我们需要养成良好的命名习惯，保证我们在写代码时不会混淆各个控件和变量。那么在此，我们需要给这个按钮变量（注意，按钮显示在图窗上的名字和按钮变量自身的名字并不是一回事）命名。此处，我们给按钮控件命名为“OpenSerialButton”。在控件树中找到刚才创建的按钮变量，如下图所示：

4.双击该控件，我们就可以给控件重命名了。重命名后如下所示：

这样，我们就创建好了一个按钮。

3.下拉框

在实际使用中，一个功能可能要对应多个不同的参数输入。这个时候，我们需要使用下拉框控件。

1.和按钮一样，我们在控件树中找到“下拉框”，将其拖拽进画布，如下图所示。

2.打开串口需要设置波特率，在此处，我们设置4个波特率，分别为9600,14400,19200,115200。双击上图中“倒三角”符号的位置，出现如下界面：

3.双击各个“Option”，可以给这些Option命名。单选选中一个Option后，点击右侧的“-”会将其删除，而点击“+”将会新建一个Option。在这里，我们把Options设置成各个波特率：

红色框中的小黑点选中后，代表默认的选项。这个选项将会默认出现在软件图窗上。

4.和按钮组一样，我们把这个下拉框命名为“波特率”，下拉框变量命名为“BaudRateDropDown”：