使用应用程序设计器- MATLAB & Simulink - MathWorks América Latina创建并运行一个简单的应用程序

使用App Designer创建并运行一个简单的应用程序

App Designer提供了一个教程，指导你通过创建一个包含一个图和一个滑块的简单应用程序的过程。滑块控制被绘制函数的振幅。你可以通过运行教程来创建这个应用程序，或者你可以遵循这里列出的教程步骤。

App，包含一些数据的绘图和标有“振幅”的滑块

运行本教程

开放的例子

要在App Designer中运行教程，打开App Designer开始页面，点击显示的例子在应用程序部分。然后,选择交互式教程。

创建应用程序的教程步骤

App Designer有两个创建应用的视图:设计视图和代码视图。使用设计视图来创建UI组件和交互式布局你的应用程序。使用代码视图来编程你的应用程序行为。你可以使用App Designer右上角的切换按钮在两个视图之间切换。

要创建简单的绘图应用程序，在app Designer中打开一个新的应用程序，并遵循以下步骤。

步骤1:创建一个Axes Component

在设计视图，创建UI组件并交互修改其外观。的组件库包含所有组件，容器和工具，你可以添加到你的应用程序交互。控件中拖动组件来添加组件组件库到应用程序画布上。中的属性可以更改组件的外观浏览器组件，或者直接在画布上编辑组件的某些方面，比如大小和标签文本。

在绘图应用中，创建一个axes组件来显示绘图数据。拖一个轴组件的组件库到画布上。

步骤2:创建一个滑块组件

拖一个滑块组件的组件库到画布上。把它放在坐标轴组件的下面。

第三步:更新滑块标签

替换滑块标签文本。双击标签，替换文字滑块与振幅。

滑块组件。选中滑块标签文本，读取为“振幅”。

当你完成了你的应用程序布局，画布设计视图应该是这样的:

App Designer Design View中的Canvas。画布中包含一个空白轴组件，位于标有“振幅”(Amplitude)的滑块上方，限制为0到100。

有关布局应用程序的更多信息，请参见在应用程序设计器设计视图布局应用程序。

第四步:导航到代码视图

一旦你布局了你的应用程序，编写代码来编程你的应用程序的行为代码视图画布上方的按钮，编辑你的应用程序代码。

当你在应用中添加组件时设计视图，应用程序设计器自动生成代码，当你运行应用程序时执行。这段代码配置你的应用程序外观，以匹配你在画布上看到的。这段代码是不可编辑的，显示在灰色背景上。作为这些生成的代码的一部分，App Designer会创建一些对象供你在编程应用程序行为时使用。

的应用程序object -这个对象存储应用程序中的所有数据，比如UI组件和使用属性指定的任何数据。你的应用程序中的所有函数都需要这个对象作为第一个参数。这个模式使你能够从这些函数中访问你的组件和属性。
组件对象-每当你添加一个组件设计视图， App Designer将组件存储为使用表单命名的对象应用程序。ComponentName。方法可以查看和修改应用程序中组件的名称浏览器组件。要从应用程序代码中访问和更新组件属性，请使用模式应用程序。ComponentName。财产。

步骤5:添加一个滑块回调函数

编程你的应用程序行为使用回调函数。回调函数是在应用程序用户执行特定交互时执行的函数，比如调整滑块的值。

在你的绘图应用中，添加一个回调函数，当用户调整滑块值时执行。右键单击app.AmplitudeSlider在浏览器组件。然后选择回调>添加ValueChangedFcn回调在上下文菜单中。

App Designer组件浏览器。app.AmplitudeSlider上下文菜单的Callbacks选项包含添加ValueChangedFcn或ValueChangingFcn回调的选项。

当你向组件添加回调时，App Designer会创建一个回调函数，并将光标放置在该函数体中。App Designer自动传递应用程序Object作为回调函数的第一个参数，以启用访问组件及其属性。例如，在AmplitudeSliderValueChanged函数，App Designer自动生成一行代码来访问滑块的值。

AmplitudeSliderValueChanged函数定义。函数有两个参数:app和event。函数的第一行代码是“value = app.AmplitudeSlider.Value”。光标在第二行。