18、MATLAB App 开发：自定义组件与应用更新指南

MATLAB App 开发：自定义组件与应用更新指南

1. 使用 HTML 创建带悬停效果的自定义按钮

在 App Designer 中，我们可以借助 HTML UI 组件创建具有悬停效果的自定义按钮。这个自定义按钮组件的接口包含以下部分：
- 公共属性 ： FontColor 和 Text ，用于定制按钮外观。
- 公共回调 ： ButtonPushedFcn ，当用户在应用中按下按钮时执行。

1.1 组件文件定义

• Button.html 文件：使用 HTML 定义 HoverButton 组件的外观和悬停效果。
• HoverButton.mlapp 文件：在 App Designer 中定义组件接口和行为，包括公共属性和回调。该文件中的底层组件是一个 HTML UI 组件，其 HTMLSource 属性指定为 Button.html 文件。两个文件通过 Data 属性和 DataChanged 事件进行通信，这些在 MATLAB 的 HTML UI 组件和 HTML 源文件中的 htmlComponent JavaScript 对象之间是同步的。

1.2 验证自定义组件行为