11、JavaFX 界面创建与特效应用指南

JavaFX 界面创建与特效应用指南

1. JavaFX 用户界面创建

1.1 矩形与文本交互优化

在 JavaFX 中，矩形形状可以封装文本对象，为用户提供更大的鼠标点击区域，该区域为整个文本的宽度和高度。若没有矩形，用户只能点击文本中字母的绘制部分。例如，点击字母“O”的内部是无效的，必须点击字母“O”的黑色部分，否则鼠标事件不会传递到超文本对象。

1.2 各种形状的使用

JavaFX 的 javafx.scene.shapes 包包含多种形状类型，以下是一些常见形状的介绍及示例代码：
- 多边形（Polygon） ：用于创建三角形等多边形。以下代码展示了如何创建一个在场景中居中的三角形：

Polygon {
    translateX: bind scene.width/2
    translateY: bind scene.height/2
    scaleX: 4
    scaleY: 4
    rotate: 45
    points: [ 0, -10, 10, 10, -10, 10, 0, -10]
    fill: Color.RED
}

• 直线（Line） ：用于在两点之间绘制直线：

Line {
    startX: 10  startY: 10
    endX: 100  end