案例研究：彈跳球

本節介紹一個顯示彈跳球並允許使用者新增和刪除球的程式。

部分展示了一個顯示一個彈跳球的程式。本節介紹一個顯示多個彈跳球的程式。您可以使用兩個按鈕來暫停和恢復球的運動，使用滾動條來控制球的速度，以及+或-按鈕添加或刪除球，如下圖所示。

第 1 節中的範例只需儲存一個球。在這個例子中你如何儲存多個球？ Pane 的 getChildren() 方法傳回一個 ObservableList，它是 List 的子類型，用於儲存窗格中的節點。最初，列表是空的。創建新球後，將其添加到列表的末尾。要刪除球，只需刪除清單中的最後一個即可。

每個球都有其狀態：x、y 座標、顏色和移動方向。您可以定義一個名為 Ball 的類，它擴展 javafx.scene.shape.Circle。 x、y 座標和顏色已在 Circle 中定義。當球被創建時，它從左上角開始向右下方移動。隨機顏色被分配給新球。

MultiplBallPane 類別負責顯示球，MultipleBounceBall 類別放置控制項元件並實作控制項。這些類別的關係如下圖所示。下面的程式碼給出了程式。

package application;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.beans.property.DoubleProperty;
import javafx.geometry.Pos;
import javafx.scene.Node;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.ScrollBar;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.util.Duration;

public class MultipleBounceBall extends Application {
    @Override // Override the start method in the Application class
    public void start(Stage primaryStage) {
        MultipleBallPane ballPane = new MultipleBallPane();
        ballPane.setStyle("-fx-border-color: yellow");

        Button btAdd = new Button("+");
        Button btSubtract = new Button("-");
        HBox hBox = new HBox(10);
        hBox.getChildren().addAll(btAdd, btSubtract);
        hBox.setAlignment(Pos.CENTER);

        // Add or remove a ball
        btAdd.setOnAction(e -> ballPane.add());
        btSubtract.setOnAction(e -> ballPane.subtract());

        // Pause and resume animation
        ballPane.setOnMousePressed(e -> ballPane.pause());
        ballPane.setOnMouseReleased(e -> ballPane.play());

        // Use a scroll bar to control animation speed
        ScrollBar sbSpeed = new ScrollBar();
        sbSpeed.setMax(20);
        sbSpeed.setValue(10);
        ballPane.rateProperty().bind(sbSpeed.valueProperty());

        BorderPane pane = new BorderPane();
        pane.setCenter(ballPane);
        pane.setTop(sbSpeed);
        pane.setBottom(hBox);

        // Create a scene and place the pane in the stage
        Scene scene = new Scene(pane, 250, 150);
        primaryStage.setTitle("MultipleBounceBall"); // Set the stage title
        primaryStage.setScene(scene); // Place the scene in the stage
        primaryStage.show(); // Display the stage
    }

    public static void main(String[] args) {
        Application.launch(args);
    }

    private class MultipleBallPane extends Pane {
        private Timeline animation;

        public MultipleBallPane() {
            // Create an animation for moving the ball
            animation = new Timeline(new KeyFrame(Duration.millis(50), e -> moveBall()));
            animation.setCycleCount(Timeline.INDEFINITE);
            animation.play(); // Start animation
        }

        public void add() {
            Color color = new Color(Math.random(), Math.random(), Math.random(), 0.5);
            getChildren().add(new Ball(30, 30, 20, color));
        }

        public void subtract() {
            if(getChildren().size() > 0) {
                getChildren().remove(getChildren().size() - 1);
            }
        }

        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() {
            for(Node node: this.getChildren()) {
                Ball ball = (Ball)node;
                // Check boundaries
                if(ball.getCenterX() < ball.getRadius() || ball.getCenterX() > getWidth() - ball.getRadius()) {
                    ball.dx *= -1; // Change ball move direction
                }
                if(ball.getCenterY() < ball.getRadius() || ball.getCenterY() > getHeight() - ball.getRadius()) {
                    ball.dy *= -1; // Change ball move direction
                }

                // Adjust ball position
                ball.setCenterX(ball.dx + ball.getCenterX());
                ball.setCenterY(ball.dy + ball.getCenterY());
            }
        }
    }

    class Ball extends Circle {
        private double dx = 1, dy = 1;

        Ball(double x, double y, double radius, Color color) {
            super(x, y, radius);
            setFill(color); // Set ball color
        }
    }
}

add() 方法建立一個具有隨機顏色的新球並將其新增至窗格中（第 73 行）。此窗格將所有球儲存在清單中。 subtract() 方法刪除清單中的最後一個球（第 78 行）。

當使用者點擊 + 按鈕時，一個新球將會加入到窗格中（第 32 行）。當使用者點擊 - 按鈕時，數組清單中的最後一個球將被刪除（第 33 行）。

MultipleBallPane 類別中的 moveBall() 方法取得窗格清單中的每個球並調整球的位置（第 114-115 行）。

以上是案例研究：彈跳球的詳細內容。更多資訊請關注PHP中文網其他相關文章！