本页对应的英文页面已更新,但尚未翻译。 若要查看最新内容,请点击此处访问英文页面。

在 App 设计工具中设计 App

布局并配置 App 的外观

通过添加和排列 UI 组件以及配置大小、颜色和初始值等方面来设计 App 的外观。

函数

全部展开

appdesigner打开 App 设计工具的首页或现有 App 文件

常用组件

uiaxes在 App 设计工具中为绘图创建 UI 坐标区
uibutton创建普通按钮或状态按钮组件
uibuttongroup创建用于管理单选按钮和切换按钮的按钮组
uicheckbox创建复选框组件
uidatepicker创建日期选择器组件
uidropdown创建下拉组件
uieditfield创建文本或数值编辑字段组件
uiimage创建图像组件
uilabel创建标签组件
uilistbox创建列表框组件
uimenu创建菜单或菜单项
uiradiobutton创建单选按钮组件
uislider创建滑块组件
uispinner创建微调器组件
uitable 创建表用户界面组件
uitextarea创建文本区域组件
uitogglebutton创建切换按钮组件
uitree创建树组件
uitreenode创建树节点组件

容器组件

uifigure在 App 设计工具中创建用于设计 App 的图窗
uipanel创建面板容器对象
uitabgroup创建包含选项卡式面板的容器
uitab创建选项卡式面板
uigridlayout创建网格布局管理器

检测组件

uigauge创建仪表组件
uiknob创建旋钮组件
uilamp创建信号灯组件
uiswitch创建滑块开关、跷板开关或拨动开关组件
expand展开树节点
collapse折叠树节点
move移动树节点
scroll滚动到容器、列表框或树中的指定位置
uialert显示警报对话框
uiconfirm创建确认对话框
uiprogressdlg创建进度对话框
uisetcolor打开颜色选择器
uigetfile打开文件选择对话框
uiputfile打开用于保存文件的对话框
uigetdir打开文件夹选择对话框
uiopen打开文件选择对话框并将选定的文件加载到工作区中
uisave打开用于将变量保存到 MAT 文件的对话框

属性

全部展开

常用组件

UIAxes 属性UI 坐标区的外观和行为
Button 属性控制按钮的外观和行为
ButtonGroup 属性控制按钮组的外观和行为
CheckBox 属性控制复选框的外观和行为
DatePicker 属性控制日期选择器的外观和行为
DropDown 属性控制下拉列表的外观和行为
EditField 属性控制编辑字段的外观和行为
Image 属性控制图像组件的外观和行为
Label 属性控制标签外观
ListBox 属性控制列表框的外观和行为
Menu 属性控制菜单的外观和行为
NumericEditField 属性控制数值编辑字段的外观和行为
ProgressDialog 属性控制进度对话框的外观和行为
RadioButton 属性控制单选按钮的外观
Slider 属性控制滑块的外观和行为
Spinner 属性控制微调器的外观和行为
StateButton 属性控制状态按钮的外观和行为
Table 属性控制表 UI 组件的外观和行为
TextArea 属性控制文本区域的外观和行为
ToggleButton 属性控制切换按钮的外观
Tree 属性控制树的外观和行为
TreeNode 属性控制树节点的外观和行为

容器组件

UI Figure 属性在 App 设计工具中控制 UI 图窗的外观和行为
Panel 属性控制面板的外观
TabGroup 属性控制选项卡组的外观和行为
Tab 属性控制选项卡的外观
GridLayout 属性控制网格布局管理器的行为

检测组件

DiscreteKnob 属性控制分档旋钮的外观和行为
Gauge 属性控制仪表的外观和行为
Knob 属性控制旋钮的外观和行为
Lamp 属性控制信号灯的外观
LinearGauge 属性控制线性仪表的外观和行为
NinetyDegreeGauge 属性控制 90 度仪表的外观和行为
RockerSwitch 属性控制跷板开关的外观和行为
SemicircularGauge 属性控制半圆形仪表的外观
Switch 属性控制开关的外观和行为
ToggleSwitch 属性控制拨动开关的外观和行为

主题

App 设计工具组件

查看 App 设计工具中可用的用户界面组件列表。

Lay Out Apps in App Designer

Learn how to arrange components on the App Designer canvas.

Use Grid Layout Managers

Learn how to use a grid layout manager to lay out components in App Designer apps.

Apps with Auto-Reflow

Learn about apps that automatically grow, shrink, and reflow content in response to screen-size changes.

Managing Resizable Apps in App Designer

Learn about automatic resize behavior and SizeChangedFcn callbacks in App Designer.

App Designer Keyboard Shortcuts

Learn about App Designer keyboard shortcuts that work in the design view and code view.

App Designer Preferences

Specify which options are always enabled or disabled whenever you work in App Designer.