利用JavaFX实现一个弹球动画

程序使用Timeline来实现弹球动画，运行结果如图:

一个球在窗口中弹动

下面是编写这个程序的关键步骤：
1）定义一个名为BallPane的Pane类的子类，用于显示一个弹动的球。
2）定义一个名为BounceBallcontrol的Application的子类，用来使用鼠标动作控制弹球。当鼠标按下的时候动画暂停，当鼠标释放的时候动画恢复执行。按下UP/DOWN方向键可以增加/减少动画的速度。

package com.company;

import javafx.animation.Timeline;
import javafx.animation.KeyFrame;
import javafx.beans.property.DoubleProperty;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.util.Duration;

public class BallPane extends Pane{
    public final double radius=20;
    private double x=radius,y=radius;
    private double dx=1,dy=1;
    private Circle circle=new Circle(x,y,radius);
    private Timeline animation;

    public BallPane() {
        circle.setFill(Color.GREEN);
        getChildren().add(circle);
        animation=new Timeline(new KeyFrame(Duration.millis(50),e -> moveBall()));
        animation.setCycleCount(Timeline.INDEFINITE);
        animation.play();
    }

    public void play() {
        animation.play();
    }

    public void pause() {
        animation.pause();
    }

    public void increaseSpeed() {
        animation.setRate(animation.getRate()+0.1);
    }

    public void decreaseSpeed() {
        animation.setRate(animation.getRate()>0 ? animation.getRate()-0.1 : 0);
    }

    public DoubleProperty rateProperty() {
        return animation.rateProperty();
    }

    protected void moveBall() {
        if(xgetWidth()-radius) {
            dx*=-1;
        }
        if(ygetHeight()-radius) {
            dy*=-1;
        }
        x+=dx;
        y+=dy;
        circle.setCenterX(x);
        circle.setCenterY(y);
    }
}

程序简单解读：①求的中心位于(x,y)，下一次移动中改变成(x+dx,y+dy)。当球超出水平边界时，dx的符号发生改变(第46~49行)；y也相同。②pause和play方法可以用于暂停和恢复动画。③increasedSpeed()和decreasedSpeed()方法可以用于增加和减少动画速度。④rateProperty()方法返回一个速率的绑定属性。

package com.company;

import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.input.KeyCode;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
import javafx.util.Duration;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.animation.KeyFrame;
import javafx.scene.control.Label;

public class BounceBallControl extends Application {
    @Override
    public void start(Stage primaryStage) {
        BallPane ballPane=new BallPane();

        ballPane.setOnMousePressed(e -> ballPane.pause());
        ballPane.setOnMouseReleased(e -> ballPane.play());

        ballPane.setOnKeyPressed(e -> {
            if(e.getCode()== KeyCode.UP) {
                ballPane.increaseSpeed();
            }
            else if(e.getCode()==KeyCode.DOWN) {
                ballPane.decreaseSpeed();
            }
        });

        Scene scene=new Scene(ballPane,250,150);
        primaryStage.setTitle("BounceBallControl");
        primaryStage.setScene(scene);
        primaryStage.show();

        ballPane.requestFocus();
    }
}

BounceBallControl类是继承自Application的javaFX的主类，用于显示弹球的面板并具有控制功能。其中针对弹球面板实现了鼠标按下和鼠标释放的处理器，以暂停和恢复动画。当UP方向键被按下，弹球面板的increasedSpeed()方法就会被调用以增加求的移动，对于DOWN方向键也同理。
最后调用ballPane.requFocus()将输入焦点设置到ballPane上。