13、JavaFX特效与动画应用指南

JavaFX特效与动画应用指南

1. JavaFX特效应用

1.1 透视变换（PerspectiveTransform）

透视变换可以为二维内容呈现出人造3D效果。它通过将原始内容映射到一个任意的四边形来提供透视感。需要定义新四边形的四个角的 (x, y) 坐标，即左上角 (ulx, uly)、右上角 (urx, ury)、左下角 (llx, lly) 和右下角 (lrx, lry)。

示例代码如下：

ImageView {
    image: Image {
        url: "{__DIR__}liberty.jpg"
    }
    effect: PerspectiveTransform {
        ulx:  10 uly: 50
        urx: 200 ury: 10
        llx:  10 lly: 100
        lrx: 200 lry: 160
    }
}

1.2 发光（Glow）和泛光（Bloom）效果

1.2.1 发光（Glow）效果

以数独应用为例，当点击数独棋盘上的一个格子时，该格子内的数字会在鼠标点击期间发光。可以通过以下代码为代表数字的图像应用发光效果：

ImageView {
    effect: Glow { level: .9 }
    image: Image {
        url: "{__DIR__}8-bold.png"