步骤1:创建axis组件

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

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

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

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

步骤3:更新滑块标签

替换滑块标签文本。双击标签并替换单词滑块与振幅．

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

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

步骤4:导航到代码视图

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

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

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

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

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

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

有关使用回调函数编程应用程序行为的更多信息，请参见应用程序设计器中的回调．

步骤6:绘制数据

当你在App Designer中调用一个图形函数时，指定目标轴或父对象作为函数的参数。

在你的绘图应用程序中，当应用程序用户通过在你的应用程序中指定坐标轴对象的名称来更改滑块值时，更新坐标轴中的绘图数据。app.UIAxes的第一个参数情节函数。命令的第二行添加此命令AmplitudeSliderValueChanged回调函数:

情节(app.UIAxes、价值*峰)

有关在应用程序中显示图形的更多信息，请参见在应用程序设计器中显示图形．

步骤7:更新坐标轴限制

要从应用程序代码中访问和更新组件属性，请使用模式应用程序．ComponentName．财产．

在绘图应用程序中，更改的限制y的YLim的属性app.UIAxes对象。命令的第三行添加此命令AmplitudeSliderValueChanged回调函数:

app.UIAxes.YLim = [-1000 1000];

第八步:运行App

点击运行来保存并运行应用程序。调整滑块的值来绘制应用程序中的一些数据。

保存更改后，应用程序可以在应用程序设计器中再次运行，或者输入它的名称(不带.mlapp扩展)在MATLAB中^®命令窗口。当您从命令提示符运行app时，该文件必须在当前文件夹或MATLAB路径中。