17、深入探索 MATLAB App Designer 自定义 UI 组件开发

深入探索 MATLAB App Designer 自定义 UI 组件开发

1. 开发注意事项与示例

在开发自定义 UI 组件时，要避免在组件开发过程中在 App Designer 应用中使用该组件。若在组件被使用于打开的 App Designer 应用时修改组件代码，需重启 App Designer 才能看到应用内的更改。

1.1 FileSelector 组件示例

FileSelector 自定义 UI 组件由一个按钮和一个编辑字段组成。用户可通过按钮选择系统中的文件，编辑字段会显示所选文件的路径。该组件接口包含一个公共属性和一个公共回调：
- Path ：存储所选文件路径的公共属性。
- PathChangedFcn ：当用户选择或输入新文件时执行的公共回调。

2. 为自定义 UI 组件编写属性设置方法

2.1 编写属性设置方法的原因

创建自定义 UI 组件的公共属性时，通常在组件更新函数中编写代码来更新底层组件和图形对象。但有时希望在特定属性更新时执行特定任务，可通过为该属性定义设置方法来实现。以下情况可考虑编写属性设置方法：
- 执行自定义属性验证。
- 属性设置错误时抛出自定义错误。
- 在存储属性值之前处理该值。

2.2 IP 地址组件示例

2.2.1 组件概述

此 IP 地址组件接受 IPv4 或 IPv6 协议格式的输入，协议决定组件的显示方式：
- IPv4：组件包含四个数值编辑字段，每个字段的值在 0 到