Main Content

开发基于 uifigure 的 App

使用专为 App 构建而设计的 UI 图窗以编程方式开发 App（uifigure 函数）

通过使用 MATLAB® 函数对 App 的布局和行为进行编码，以编程方式设计和编辑 App。uifigure 函数创建为 App 构建而专门配置的图窗，该图窗用作用户界面的容器。UI 图窗支持的现代图形和交互式 UI 组件类型与 App 设计工具所支持的相同。

函数

全部展开

uifigure创建用于设计 App 的图窗
uigridlayout创建网格布局管理器
uipanel创建面板容器
uitabgroup创建包含选项卡式面板的容器
uitab创建选项卡式面板
uiaxes为 App 中的绘图创建 UI 坐标区
axes创建笛卡尔坐标区
geoaxes创建地理坐标区
polaraxes创建极坐标区

常用组件

uibutton创建普通按钮或状态按钮组件
uibuttongroup创建用于管理单选按钮和切换按钮的按钮组
uicheckbox创建复选框组件
uicolorpickerCreate color picker component (自 R2024a 起)
uidatepicker创建日期选择器组件
uidropdown创建下拉组件
uieditfield创建文本或数值编辑字段组件
uihyperlink创建超链接组件 (自 R2021a 起)
uiimage创建图像组件
uilabel创建标签组件
uilistbox创建列表框组件
uiradiobutton创建单选按钮组件
uislider创建滑块或范围滑块组件
uispinner创建微调器组件
uitable 创建表用户界面组件
uitextarea创建文本区域组件
uitogglebutton创建切换按钮组件
uitree创建树或复选框树组件
uitreenode创建树节点组件

图窗工具

uicontextmenu创建上下文菜单组件
uimenu创建菜单或菜单项
uipushtool在工具栏中创建按钮工具
uitoggletool在工具栏中创建切换工具
uitoolbar在图窗中创建工具栏

仪表组件

uigauge创建仪表组件
uiknob创建旋钮组件
uilamp创建信号灯组件
uiswitch创建滑块开关、跷板开关或拨动开关组件

可扩展组件

uihtml创建 HTML UI 组件

可样式化的组件

uistyle为 UI 组件创建样式
addStyleAdd style to UI component
removeStyle从 UI 组件中删除样式

树节点

expand展开树节点
collapse折叠树节点
move移动树节点

上下文菜单

open在 UI 图窗中的位置打开上下文菜单 (自 R2020a 起)

支持滚动的组件

scroll滚动到组件内的位置
isInScrollViewDetermine if component is visible in scrollable container (自 R2022a 起)

可获得焦点的组件

focusFocus UI component (自 R2022a 起)

可扩展组件

sendEventToHTMLSourceSend HTML UI component event from MATLAB to JavaScript (自 R2023a 起)

布局

uistack对 UI 组件的视图堆叠重新排序
movegui将图窗移动到屏幕上的指定位置
uialert显示警报对话框
uiconfirm创建确认对话框
uiprogressdlg创建进度对话框
uisetcolor打开颜色选择器
uigetfile打开文件选择对话框
uiputfile打开用于保存文件的对话框
uigetdir打开文件夹选择对话框
uiopen打开文件选择对话框并将选定的文件加载到工作区中
uisave打开用于将变量保存到 MAT 文件的对话框

属性

全部展开

UI Figure 属性控制基于 uifigure 的 App 的 UI 图窗的外观和行为
GridLayoutGrid layout manager UI container
PanelPanel UI container
TabGroup Tab group UI container
Tab Tab UI container
UIAxes 属性UI 坐标区的外观和行为
Axes 属性 坐标区的外观和行为
GeographicAxes 属性控制地理坐标区的外观和行为
PolarAxes 属性极坐标区的外观和行为

常用组件

ButtonButton UI component
ButtonGroupButton group UI container
CheckBoxCheck box UI component
CheckBoxTreeCheck box tree UI component (自 R2021a 起)
ColorPickerColor picker UI component (自 R2024a 起)
DatePickerDate picker UI component
DropDownDrop-down UI component
EditFieldEdit field UI component
HyperlinkHyperlink UI component (自 R2021a 起)
ImageImage UI component
LabelLabel UI component
ListBoxList box UI component
NumericEditFieldNumeric edit field UI component
ProgressDialogProgress dialog box
RadioButtonRadio button UI component
RangeSliderRange slider UI component (自 R2023b 起)
SliderSlider UI component
SpinnerSpinner UI component
StateButtonState button UI component
TableTable UI component
TextAreaText area UI component
ToggleButtonToggle button UI component
TreeTree UI component
TreeNodeTree node UI component

图窗工具

ContextMenuContext menu UI component
MenuMenu UI component
PushToolPush tool UI component
ToggleToolToggle tool UI component
ToolbarToolbar UI component

仪表组件

DiscreteKnobDiscrete knob UI component
GaugeGauge UI component
KnobKnob UI component
LampLamp UI component
LinearGaugeLinear gauge UI component
NinetyDegreeGaugeNinety-degree gauge UI component
RockerSwitchRocker switch UI component
SemicircularGaugeSemicircular gauge UI component
SwitchSwitch UI component
ToggleSwitchToggle switch UI component

可扩展组件

HTMLHTML UI component
Style 属性表或树 UI 组件的样式

主题

学习编程式 App 构建的基础知识

自定义 App 外观

对 App 行为编程

相关信息