JavaFX - Button und Text - Falsche Darstellung

[Henry939]

Ich habe versucht einen Cookie-Clicker-Ableger zu schreiben. Mann muß auf einen Knopf klicken. Dieser erhöht die Anzahl der Kekse und aktualisiert die Keksanzeige. Es gibt dazu einen Knopf, der besagtes tut, und die Anzeige selbst. Leider überlagert sich die Darstellung. Wie ist das zu verhindern?

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.TextField;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class Main extends Application implements EventHandler<ActionEvent> {
    private int cookies;
    private Button button;
    private TextField numberOfCookies;

    public Main() {
        button = new Button("Produce Cookie");
        cookies = 0;
        button.setOnAction(this);
        numberOfCookies = new TextField("Cookies: " + cookies);
    }

    @Override
    public void start(Stage primaryStage) throws Exception {
        primaryStage.setTitle("Cookie Clicker");

        StackPane layout = new StackPane();
        layout.getChildren().add(button);
        layout.getChildren().add(numberOfCookies);

        Scene scene = new Scene(layout, 640, 480);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    @Override
    public void handle(ActionEvent event) {
        if(event.getSource() == button) {
            cookies++;
            numberOfCookies.setText("Cookies: " + cookies);
        }
    }

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

 

[krgewb]

-

 

[mrBrown]

Kein StackPane nutzen, das stapelt die Elemente nämlich übereinander 😉

 

[dzim]

Man kann schon StackPane verwenden, aber sollte dann das Alligment richtig verwenden.
Aber ja, man könnte auch einfach eine VBox nehmen und gut ist es.