Main Content

对多个 App 设计工具组件使用一个回调

当您要在您的 App 中提供多种方法来执行某个操作时,在组件间共享回调非常有用。例如,当用户点击按钮或在编辑字段中按下 Enter 键时,App 可以用同样的方式响应。

共享回调的示例

此示例说明如何创建一个 App,其中包含共享一个回调的两个 UI 组件。该 App 显示具有指定层数的等高线图。当用户更改编辑字段中的值时,他们可以按 Enter 或点击 Update Plot 按钮来更新绘图。

App with a contour plot, an edit field labeled "Levels", and a button labeled "Update Plot"

  1. 在 App 设计工具中,将坐标区组件从组件库拖到画布上。然后进行以下更改:

    • 双击标题,将其更改为 Select Contours of Peaks Function

    • 双击 X 轴和 Y 轴标签,然后按 Delete 键删除它们。

  2. 编辑字段(数值) 组件拖到画布上的坐标区下方。然后进行以下更改:

    • 双击编辑字段旁边的标签,将其更改为 Levels:

    • 双击编辑字段,并将默认值更改为 20

  3. 按钮组件拖到画布上的编辑字段旁边。然后双击其标签,将标签更改为 Update Plot

  4. 添加在用户点击该按钮时执行的回调函数。右键点击 Update Plot 按钮,然后选择回调 > 添加 ButtonPushedFcn 回调

  5. App 设计工具会切换到代码视图。将以下代码粘贴到 UpdatePlotButtonPushed 回调的主体中:

    Z = peaks(100);
    nlevels = app.LevelsEditField.Value;
    contour(app.UIAxes,Z,nlevels);
    
  6. 接下来,与编辑字段共享回调。在组件浏览器中,右键点击 app.LevelsEditField 组件,然后选择回调 > 选择现有的回调。当显示“选择回调函数”对话框时,从名称下拉列表中选择 UpdatePlotButtonPushed

    Select Callback Function dialog box. The Callback drop-down list has ValueChangedFcn selected and the Name drop-down list has UpdatePlotButtonPushed selected.

    共享此回调将允许用户在更改编辑字段中的值并按 Enter 键后更新绘图。用户也可以更改值并按 Update Plot 按钮。

  7. 接下来,设置坐标区纵横比和范围。在组件浏览器中,选择 app.UIAxes 组件。然后,在坐标区选项卡中进行以下更改:

    • PlotBoxAspectRatio 设置为 1,1,1

    • XLimYLim 设置为 0,100

  8. 点击运行以保存并运行 App。

    Run button

相关主题