7应用程序设计器

2021/8/30Matlab快速入门主讲人：张老师Zhang

Eric严禁实用框架完整动态PPT模板大话成像公众号All

in

cameraAppDesigner2三、App设计工具的示例3，tackslider.mlapp：编写响应代码以反映变化的滑块值。此示例说明如何创建显示半圆形仪表中的滑块值的App。在App

用户移动滑块的过程中，半圆形仪表会持续更新，以反映当前滑块值。要创建该App，请执行下列操作：1.在App设计工具中，在按住Ctrl键的同时，将一个滑块和一个半圆形仪表从组件库拖到中央设计区。按下图所示排列这些组件。2.指定在App

标题栏中显示的名称。在组件浏览器中，点击app.UIFigure，然后在UIFigure属性面板中，将标题字段更改为Track

Slider。在组件浏览器中选择app.Gauge。然后在GAUGE

属性面板中，点击标度部分中的更多属性。按如下方式编辑该表：点击+添加一种颜色。 点击左侧列中的色标，打开颜色选择器。选择一种新颜色后，点击颜色选择器以外的区域将其关闭。将开始设为80，将结束设为100。4.在中央设计区中，右键点击滑块并选择回调>添加ValueChangingFcn

回调。5.为回调编码，以便在App

用户拖动滑块时更新编辑字段。当App用户拖动滑块时，MATLAB将会生成event数据，并将其存储在滑块事件的Value

属性中。可以使用圆点表示法查询事件数据。将默认的SliderValueChanging回调代码changingValue=event.Value;替换为以下代码：app.Gauge.Value

=

event.Value;6.运行App。在工具条中，点击运行。在系统提示时保存App。通过执行以下步骤来测试App：将滑块拖到一个新值； 在操作过程中，半圆形仪表会持续更新，以显示最新的滑块值。点击滑块； 半圆形仪表随即更新，以显示新的滑块值。四、App

设计工具的示例4，lamp.mlapp：编写响应代码以响应按钮组选择。此示例说明如何创建基于App

用户所选的单选按钮更改信号灯颜色的App。运行App

与下图所示类似。要创建该App，请执行下列操作：在App

设计工具中，将一个单选按钮组和一个信号灯从组件库拖到中央 设计区。默认情况下，添加的信号灯带有一个标签。按下图所示，排列 并自定义组件标签。双击画布上的各个标签可以更改标签。在组件浏览器中选择app.CautionButton。然后找到BUTTON

GROUP

属性 面板中的选定复选框，将其选中。选中此复选框将会使Caution

按钮成 为App

中的默认选择。在设计区上方，点击代码视图。在组件浏览器中，右键点击app.IndicatorButtonGroup，然后选择回调>添加SelectionChangedFcn

回调。App

设计工具随即将光标置于回调函数中的示例代码行下面。指定代码以确定所选的单选按钮，然后相应地设置信号灯颜色。将IndicatorButtonGroupSelectionChanged

函数中的默认代码替换为以下代码。该代码会根据App

用户所选的单选按钮更改信号灯颜色。代码如下：switch

app.IndicatorButtonGroup.SelectedObjectcase

app.GoButtonapp.StatusLamp.Color

=

'green’;case

app.CautionButtonapp.StatusLamp.Color

=

'yellow’;case

app.StopButtonapp.StatusLamp.Color

=

'red’;end6.运行App。在工具条中，点击运行。在系统提示时保存App。通过选择各个单选按钮来测试App。五、在App

窗口调整大小时控制组件的调整大小行为。默认情况下，组件会使用内置的算法自动调整大小。但是，如果您希望实现与内置行为不同的调整大小行为，也可以编写一个SizeChangedFcn

回调。此示例说明如何使用SizeChangedFcn

回调自定义调整大小行为。参见代码sliderexp.mlapp要创建该App，请执行下列操作： 在App设计工具中，在按住Ctrl键的同时，将一个滑块从组件库拖到中央设计区。按住Ctrl

键可防止标签组件随滑块一同添加。将滑块置于设计区中央。在移动滑块的过程中，App

设计工具会显示提示，帮助您居中放置该组件。3.在组件浏览器中选择app.UIFigure。然后，在UIFigure

属性面板中，清除调整App

大小时调整组件大小复选框。清除此复选框将会禁用自动调整大小行为。在设计区上方，点击代码视图。在组件浏览器中，右键点击app.UIFigure

，然后选择回调>添加

SizeChangedFcn

回调。App

设计工具随即将光标置于回调函数中的示例代码行下面。将UIFigureSizeChanged

函数中的示例代码替换为以下两条命令。position=

app.UIFigure.Position;app.Slider.Position

=

[30,

(position(4)-3)/2,

position(3)-60,

3];上页代码会在调整大小操作之后获取窗口的宽度和高度，并更新滑块的位置和大小，使其居中显示在窗口中。滑块距离窗口左侧和右侧各30

像素。代码从窗口高度减去滑块高度（6

像