36、JavaFX 图形处理与多屏幕适配技术解析

JavaFX 图形处理与多屏幕适配技术解析

1. 矩形与文本节点的动态处理

在图形处理中，我们可以创建一个矩形并绑定其变换变量，使其能够根据脚本变量的值进行扩展。同时，文本节点会随着矩形的扩展而移动，始终保持在矩形的中心位置。以下是相关代码：

// 矩形创建部分代码
// 从第13行到第23行创建矩形
// 其transforms变量包含一个Scale变换，绑定到两个脚本变量的值
// 后续使用这些变量使矩形扩展

// 文本对象放置代码
// 第27行和第28行放置文本对象
// 使用layoutX和layoutY变量将节点移动到正确位置
// 这些值的计算委托给两个绑定函数，以矩形和文本对象为参数
// 第29行，文本对象的rotate变量绑定到另一个脚本变量

// 计算layoutX值的绑定函数
bound function centerX(src:Node, target:Node):Number {
    var srcX = src.boundsInParent.minX;
    var srcWidth = src.boundsInParent.width;
    var targetX = target.layoutBounds.minX;
    var targetWidth = target.layoutBounds.width;
    return srcX + (srcWidth - targetWidth) / 2 - targetX;
}

运行示例代码（在 javafxtransforms/CenterNode.fx 文件中），点击矩形