开发基于 `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`	创建复选框组件
`uicolorpicker`	Create 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 组件 (自 R2019b 起)

组件控件和样式

可样式化的组件

`uistyle`	为 UI 组件创建样式 (自 R2019b 起)
`addStyle`	Add style to UI component (自 R2019b 起)
`removeStyle`	从 UI 组件中删除样式 (自 R2019b 起)

树节点

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

上下文菜单

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

支持滚动的组件

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

可获得焦点的组件

focus Focus UI component (自 R2022a 起)

可扩展组件

sendEventToHTMLSource Send 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 图窗的外观和行为
GridLayout 属性	控制网格布局管理器行为
Panel 属性	控制面板的外观和行为
TabGroup 属性	控制选项卡组的外观和行为
Tab 属性	控制选项卡的外观和行为

坐标区

UIAxes 属性	UI 坐标区的外观和行为
Axes 属性	坐标区的外观和行为
GeographicAxes 属性	控制地理坐标区的外观和行为
PolarAxes 属性	极坐标区的外观和行为

组件

常用组件

Button 属性	控制按钮的外观和行为
ButtonGroup 属性	控制按钮组的外观和行为
CheckBox 属性	控制复选框的外观和行为
CheckBoxTree 属性	控制复选框树的外观和行为 (自 R2021a 起)
ColorPicker Properties	Control color picker appearance and behavior (自 R2024a 起)
DatePicker 属性	控制日期选择器的外观和行为
DropDown 属性	控制下拉列表的外观和行为
EditField 属性	控制编辑字段的外观和行为
Hyperlink 属性	控制超链接外观 (自 R2021a 起)
Image 属性	控制图像组件的外观和行为
Label 属性	控制标签外观
ListBox 属性	控制列表框的外观和行为
NumericEditField 属性	控制数值编辑字段的外观和行为
ProgressDialog 属性	控制进度对话框的外观和行为
RadioButton 属性	控制单选按钮的外观
RangeSlider Properties	Control range slider appearance and behavior (自 R2023b 起)
Slider 属性	控制滑块的外观和行为
Spinner 属性	控制微调器的外观和行为
StateButton 属性	控制状态按钮的外观和行为
Table 属性	控制表 UI 组件的外观和行为
TextArea 属性	控制文本区域的外观和行为
ToggleButton 属性	控制切换按钮的外观
Tree 属性	控制树的外观和行为
TreeNode 属性	控制树节点的外观和行为

图窗工具

ContextMenu 属性	控制上下文菜单的外观和行为
Menu 属性	控制菜单的外观和行为
PushTool 属性	控制按钮工具的外观和行为
ToggleTool 属性	控制切换工具的外观和行为
Toolbar 属性	控制工具栏的外观和行为

仪表组件

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

可扩展组件

HTML 属性

控制 HTML UI 组件的外观和行为 (自 R2019b 起)

组件控件和样式

Style 属性

表或树 UI 组件的样式 (自 R2019b 起)

主题

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

Create and Run a Simple Programmatic App
Step through the process of creating a simple app programmatically.
App 构建组件
查看可用于构建现代 App 的 UI 组件示例。
构建 App 的方法
选择最适合您的工程要求和首选工作流的 App 构建方法。

自定义 App 外观

Lay Out Apps Programmatically
Manage the size, location, and front-to-back order of components programmatically.
Manage App Resize Behavior Programmatically
Manage the default automatic resizing behavior for programmatic apps.
显示表的编程式 App
创建一个表 UI 组件，并以编程方式修改其外观和行为。
在 App 中格式化表格数据
控制在 App 中使用表数组数据时不同数据类型的显示方式。
Style Cells in a Table UI Component
Color cells, format text, and display icons in a table UI component.
Create HTML Content in Apps
Create an HTML file to embed HTML, JavaScript^®, or CSS content in your app that can trigger or respond to data changes.

对 App 行为编程

Create Callbacks for Apps Created Programmatically
Write callbacks to control the behavior of apps you create programmatically.
在回调之间共享数据
使用不同方法管理和共享 App 中的数据。
Interrupt Callback Execution
Learn how to control whether callbacks can be interrupted by other callbacks.
Create Responsive Apps
Apply techniques to improve the performance and responsiveness of your apps.
Improve App Startup Time
Improve the time it takes for your app to load by populating only the content that is visible.
Debug HTML Content in Apps
Simulate how data is sent between MATLAB and JavaScript in an HTML UI component.

开发基于 uifigure 的 App

函数

容器

坐标区

组件

常用组件

图窗工具

仪表组件

可扩展组件

组件控件和样式

可样式化的组件

树节点

上下文菜单

支持滚动的组件

可获得焦点的组件

可扩展组件

布局

对话框和通知

属性

容器

坐标区

组件

常用组件

图窗工具

仪表组件

可扩展组件

组件控件和样式

主题

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

自定义 App 外观

对 App 行为编程

相关信息

WeChat

开发基于 `uifigure` 的 App