App 设计工具

在 MATLAB 中创建桌面 App 和 Web App

App 设计工具帮助您创建专业的 App,同时并不要求软件开发专业背景。您只需拖放可视化组件即可实现图形用户界面 (GUI) 设计布局,还可以使用集成的编辑器快速为其行为编程。

要共享 App,您可以使用 MATLAB Drive™,或通过 MATLAB Compiler™ 及 Simulink Compiler™ 创建独立的桌面 App 或 Web App。

实时编辑器

App 构建

在集成式环境中进行用户界面布局,并为 App 的行为编写代码。

构建 App

App 设计工具集成了 App 构建的两大任务:图形用户界面 (GUI) 可视化组件布局,以及 App 行为编程。要在 MATLAB 中构建 App,App 设计工具是十分理想的环境。

在 MATLAB 中构建 App (2 个视频)

如果您已在 GUIDE* 中构建 App,则可以使用 GUIDE to App Designer Migration Tool for MATLAB 将现有的 GUIDE App 迁移到 App 设计工具中。

* GUIDE 将在未来版本中移除。

设计用户界面

将可视化组件拖放到设计画布,然后根据对齐提示实现精确布局。App 设计工具自动生成面向对象的代码,用于指定 App 的布局和设计。

使用 App 设计工具中的设计视图进行 App 用户界面布局。

使用 App 设计工具中的设计视图进行 App 用户界面布局。

定义 App 行为

使用集成的 MATLAB 编辑器来定义 App 的行为。App 设计工具可以使用代码分析器自动检查代码问题。您可以在编写代码时查看关于代码的警告和错误消息,并根据这些消息修改您的 App。您还可以使用 Stateflow® 图对 App 行为建模。

使用 App 设计工具中的代码视图定义 App 的行为。

使用 App 设计工具中的代码视图定义 App 的行为。

App 组件

App 设计工具提供大量组件和自定义交互,帮助您构建功能齐全的现代应用程序。

组件库

构建 App 时,您可以使用按钮、复选框、树和下拉列表等标准组件。App 设计工具还提供了仪表、指示灯、旋钮和开关等控件,帮助您复现仪表面板的外观和操作。您还可以使用选项卡、面板和网格布局等容器组件组织用户界面。

App 设计工具的组件库

利用 App 设计工具的组件库,您可将组件轻松拖放到您的 App中。

组件交互

添加组件回调及自定义鼠标和键盘交互,在用户与您的 App 交互时执行。您可以在 App 中添加二维和三维绘图以及表,以支持用户交互式探查数据。

App 设计工具示例 App,使用层次结构树显示患者信息。

App 设计工具示例 App,使用层次结构树显示患者信息。

App 共享

将 App 共享给其他用户,无论对方是否有 MATLAB。

将 App 共享给其他 MATLAB 用户

您可以将任何 MATLAB App 打包成单个文件,将其轻松共享给使用 MATLAB Desktop 及 MATLAB Online 的其他用户。当您打包 App 时,MATLAB 会创建单个 App 安装文件 (.mlappinstall)。使用该文件安装 App 后,只需从 App 库单击即可访问。

您可以通过 MATLAB Online 及 MATLAB Drive 与其他 MATLAB 用户共享打包的 App,如果您开放编辑权限,则用户不仅能运行 App,还能与您协作。

创建打包的 App,以便与其他 MATLAB 用户共享。

创建打包的 App,以便与其他 MATLAB 用户共享。

创建独立的桌面 App 和 Web App

使用 MATLAB Compiler 和 Simulink Compiler 创建独立 App,并与其他用户免版权费共享。您还可以将您的 App 打包为交互式 Web App 并使用 MATLAB Web App Server 进行共享。最终用户可直接基于浏览器运行 Web App,而无需额外安装任何软件。

Web App 编译器,支持您使用唯一 URL 与其他用户共享 App。

Web App 编译器,支持您使用唯一 URL 与其他用户共享 App。