JavaFXのイベント処理

例として、簡単なイベント処理を伴うJavaFXアプリケーションを作成してみよう。作成するのは以下のようなアプリケーションで、四角形の領域にマウスが重なると色を変更するというものだ。

作成するサンプルアプリケーション

ソースコードは以下の通りだ。Rectangleは四角形を描画するシェイプで、onMouseEnteredとonMouseExitedでそれぞれマウスがシェイプに重なったとき、外れたときに背景色を変更する処理を記述している。

Stage {
    title: "Sample"
    scene: Scene {
        width: 220
        height: 70
        content: Rectangle {
            x: 10
            y: 10
            width: 200
            height: 50
            fill: Color.LIGHTGRAY
            onMouseEntered: function( e: MouseEvent ):Void {
                var rect:Rectangle = e.node as Rectangle;
                rect.fill = Color.YELLOW
            }
            onMouseExited: function( e: MouseEvent ):Void {
                var rect:Rectangle = e.node as Rectangle;
                rect.fill = Color.LIGHTGRAY
            }
        }
    }
}

>> インタラクティブな操作を実装!