54、JavaFX 自定义控件开发全解析

JavaFX 自定义控件开发全解析

1. 自定义控件概述

创建自定义控件比构建自定义节点要复杂一些，因为需要将控件的功能划分为三个独立的类：控件本身、皮肤和行为。

一个控件在逻辑上由三部分组成：
- 实现控件功能的部分，由 Control 子类本身提供。
- 提供控件视觉表示的部分，称为控件的皮肤。
- 处理用户与控件交互的部分，称为行为。

这三个部分与 MVC（Model - View - Controller）模式中的角色相对应：
- 控件本身扮演模型的角色，包含变量用于指定控件的功能和显示的数据，还提供回调函数的钩子。
- 皮肤是视图，负责提供决定控件外观的节点，可以通过安装不同的皮肤改变控件外观，但都使用控件类中的模型状态来决定显示内容和方式。
- 行为是控制器，负责捕获用户通过鼠标/键盘与控件的交互，并将这些操作转换为模型/视图的状态变化。

以下是它们的关系图：

graph LR
    classDef process fill:#E5F6FF,stroke:#73A6FF,stroke-width:2px;
    A(Node):::process --> B(Control):::process
    B --> C(Behavior):::process
    B --> D(Skin):::process

2. 以按钮控件为例

JavaFX 的 Button