设计app

App 设计工具是MATLAB R2016a推出的应用程序设计工具，和GUIDE一样，它也是一个可视化集成设计环境。除了提供和 GUIDE 类似的标准用户界面组件，还提供了和工业应用相关的组件，如仪表盘、旋钮、开关、指示灯等。使用App设计工具可以开发出操作界面友好、可以共享的MATLAB应用模块。

App 的用户界面的构成要素是组件（Component），它是指可重复使用并且可以和其他对象进行交互的对象，是封装了一个或多个实体程序模块的实体，可以复用。GUIDE设计的用户界面的构成要素是控件，控件是一种特殊的组件，仅用于可视化呈现数据。

打开App Designer有两种方法：

如图10.10所示，App Designer窗口由快速访问工具栏、功能区和App编辑器组成。

功能区提供了操作文件、打包程序、运行程序、调整用户界面布局、编辑调试程序的工具。功能区的工具栏与快速访问工具栏中的“运行”按钮都可运行当前App。 App Designer用于用户界面设计和代码编辑，用户界面的设计布局和功能的实现代码都存放在同一个.mlapp文件中。App编辑器包括设计视图和代码视图，选择不同的视图，编辑器窗口的内容也不同。

设计视图用于编辑用户界面。选择设计视图时，设计器窗口左边是组件库面板，右边是组件浏览器和属性面板，中间区域是用户界面设计区，称为画布。 组件库提供了构建应用程序用户界面的组件模板，如坐标轴、按钮、仪表盘等。组件浏览器用于查看界面的组织架构，属性面板用于查看和设置组件的外观特性。 设计视图功能区的第2个选项卡是“画布”。“画布”选项卡中的按钮用于修改用户界面的布局，包括对齐对象、排列对象、调整间距、改变视图显示模式等工具。

代码视图用于编辑、调试、分析代码。选择代码视图时，设计器窗口左边是代码浏览器和App的布局面板，右边是组件浏览器和属性检查器，中间区域是代码编辑区。 代码浏览器用于查看和增删图形窗口和控件对象的回调、自定义函数及应用程序的属性，回调定义对象怎样处理信息并响应某事件，属性用于存储回调和自定义函数间共享的数据。代码视图的属性检查器用于查看和设置组件的值、值域、是否可见、是否可用等控制属性。 代码视图功能区的第2个选项卡是“编辑器”。“编辑器”选项卡有7组按钮，“插入”组按钮用于在代码中插入回调、自定义函数和属性，“导航”组按钮用于在.mlapp文件中快速定位和查找内容，“编辑”组按钮用于增删注释、编辑代码格式。

组件对象是构成应用程序用户界面的基本元素，下面介绍这些组件。

在MATLAB 2017b中，App Designer将组件按功能分成4类。

组件对象与控件对象相比，属性较少，常见属性如下。

用于控制组件对象是否可用，取值是’On’（默认值）或’Off '。

用于获取和设置组件对象的当前值。对于不同类型的组件对象，其意义和可取值是不同的。

● 对于数值编辑字段、滑块、微调器、仪表、旋钮对象，Value属性值是数；对于文本编辑字段、分段旋钮对象，Value属性值是是字符串。 ● 对于下拉框、列表框对象，Value属性值是选中的列表项的值。 ● 对于复选框、单选按钮、状态按钮对象，当对象处于选中状态时，Value属性值是true；当对象处于未选中状态时，Value属性值是false。 ● 对于开关对象，当对象位于"On"档位时，Value 属性值是字符串’On’； 当对象位于"Off"档位时，Value属性值是字符串’Off’。

用于获取和设置滑块、微调器、仪表、旋钮等组件对象的值域。属性值是一个二元向量[Lmin,Lmax],Lmin用于指定组件对象的最小值，Lmax用于指定组件对象的最大值。

用于定义组件对象在界面中的位置和大小，属性值是一个四元向量[x,y,w,h]。x和y分别为组件对象左下角相对于父对象的x、y坐标，w和h分别为组件对象的宽度和高度。

用App Designer设计的应用程序，采用面向对象设计模式，声明对象、定义函数、设置属性和共享数据都封装在一个类中，一个.mlapp 文件就是一个类的定义。 数据变成了对象的属性（properties），函数变成了对象的方法（methods）。

App类的基本结构如下：