主要内容

使用应用程序创建并运行一个简单的应用程序设计师

应用程序设计师提供了一个指南,指导您通过创建一个简单的应用程序包含一个阴谋的过程和一个滑块。滑块控件绘制的振幅函数。通过运行本教程中,您可以创建这个应用程序也可以按照本教程的步骤列在这里。

应用程序包含一个阴谋的一些数据和滑块标记为“振幅”

运行本教程

运行本教程应用程序设计师,设计师开始页面并点击打开应用显示的例子应用程序部分。然后,选择交互式教程

教程的步骤创建应用程序

程序设计有两个视图创建一个应用程序:设计视图代码视图。使用设计视图创建UI组件和交互应用程序。使用代码视图编程应用程序的行为。你可以使用开关的两个视图之间切换按钮上右上角的程序设计师。

设计视图和代码视图切换按钮

创建简单的绘图程序,打开一个新应用程序设计师和遵循这些步骤。

步骤1:创建一个轴组件

设计视图交互式地创建UI组件和修改他们的外表。的组件库包含所有组件、容器和工具,您可以添加到您的应用程序交互。添加一个组件通过拖拽它的组件库在应用帆布。你可以改变外观的组件通过设置属性浏览器组件,或者通过编辑组件的某些方面,如大小和标签文本,直接在画布上。

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

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

拖一个滑块组件的组件库到画布上。把它低于轴组件。

步骤3:更新滑动条的标签

更换滑块标签文本。双击标签和替换词滑块振幅

滑块组件。滑块标签文本选择和读取“振幅”。

当你已经完成了布局应用,画布设计视图应该是这样的:

帆布在应用程序设计师设计视图。画布上包含一个空白的轴组件上方滑块标记为“振幅”0到100的极限。

列出了应用程序的更多信息,请参阅列出应用程序设计师设计视图

步骤4:导航代码视图

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

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

  • 应用程序对象,这个对象的所有数据存储在您的应用程序,如您指定使用的UI组件和数据属性。所有的功能在你的应用程序需要这个对象作为第一个参数。这种模式使您能够访问你的组件和特性在这些功能。

  • 组件对象——当你添加一个组件设计视图程序设计师存储组件作为一个对象命名使用表单应用程序ComponentName。您可以查看和修改组件的名字在你的应用程序使用浏览器组件。访问和更新组件属性从应用程序代码中,使用的模式应用程序ComponentName财产

第五步:添加一个滑块回调函数

程序使用你的应用程序的行为回调函数。时执行的回调函数是一个函数的应用程序用户执行一个特定的交互,如调整滑块的价值。

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

浏览器应用程序设计师组件。回调选项app.AmplitudeSlider包含上下文菜单的选项来添加一个ValueChangedFcn或ValueChangingFcn回调。

当你添加一个回调到一个组件、应用程序设计者创建一个回调函数并将光标放在身体的功能。通过自动程序设计师应用程序对象作为回调函数的第一个参数来启用访问组件及其属性。例如,在AmplitudeSliderValueChanged函数,应用程序设计自动生成一行代码来访问滑块的价值。

AmplitudeSliderValueChanged函数定义。这个函数接受两个参数:应用程序和事件。第一行代码的功能是“价值= app.AmplitudeSlider.Value”。光标在第二行。

关于编程应用程序行为使用回调函数的更多信息,见回调程序设计师

第六步:绘制数据

当你调用一个图形函数在应用程序设计师,指定目标轴或父对象作为参数的函数。

在你的绘图程序,更新绘制轴每当应用程序中的数据用户更改滑块的值通过指定轴对象在你的应用程序的名称,app.UIAxes的第一个参数情节函数。将此代码添加到第二行AmplitudeSliderValueChanged回调的比例输出山峰函数在轴上。

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

显示图形的应用程序的更多信息,参见显示图形应用程序设计师

第七步:更新轴的限制

访问和更新组件属性从应用程序代码中,使用的模式应用程序ComponentName财产

在你的绘图程序,改变的极限y设在通过设置YLim财产的app.UIAxes对象。添加这个命令的第三行AmplitudeSliderValueChanged回调函数:

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

第八步:运行应用程序

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

保存您的更改后,你的应用程序可以运行在应用程序设计师或通过输入它的名字(没有.mlappMATLAB的扩展)®命令窗口。当你从命令提示符运行应用程序,文件必须在当前文件夹或MATLAB路径。

相关的话题