Question

我有一个程序，在屏幕上显示3个随机的象形文字图像。我添加了一个＆＃34;刷新＆＃34;按钮以刷新象形文字图像。当我单击按钮时，图像会刷新并正确随机化。然而，在第一次单击按钮后，它会消失。我几乎肯定它与我的pane.getChildren().clear();行有关，但我似乎无法弄明白。任何提示或建议？

如果我发布的内容不正确或未使用正确的指南，我会道歉。这是我的第一篇文章。

这是我的代码：

    import javafx.application.Application;
    import javafx.stage.Stage;
    import javafx.scene.Scene;
    import javafx.scene.image.ImageView;
    import javafx.scene.control.Button;
    import javafx.geometry.Pos;
    import javafx.scene.layout.HBox;

    public class Lab6a extends Application {

@Override
public void start(Stage myStage) {

    //Create an HBox layout.
    HBox hBox1 = new HBox();

    //Set alignment.
    hBox1.setAlignment(Pos.CENTER);
    getRandomHieroglyphic(hBox1);

    //Create a Refresh button.
    Button refresh = new Button("Refresh");
    refresh.setOnAction(e -> getRandomHieroglyphic(hBox1));
    hBox1.getChildren().add(refresh);

    //Set the title for the second window.
    myStage.setTitle("Random Hieroglyphics with Refresh");

    //Create a scene for the window.
    Scene myScene = new Scene(hBox1, 400, 400);

    //Place the scene in the second window.
    myStage.setScene(myScene);

    //Show the stage.
    myStage.show();
}

public void getRandomHieroglyphic(HBox pane) {
    pane.getChildren().clear();

    //Create random generators to get a random image
    int randomInt1 = (int) (Math.random() * 9) + 1;
    int randomInt2 = (int) (Math.random() * 9) + 1;
    int randomInt3 = (int) (Math.random() * 9) + 1;

    //Create paths for the images to be called
    String path1 = "Image/Hieroglyphics/h" + randomInt1 + ".png";
    String path2 = "Image/Hieroglyphics/h" + randomInt2 + ".png";
    String path3 = "Image/Hieroglyphics/h" + randomInt3 + ".png";

    //Add the images into the pane
    pane.getChildren().add(new ImageView (path1));
    pane.getChildren().add(new ImageView (path2));
    pane.getChildren().add(new ImageView (path3));        
}

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

Answer 1

clear()会移除HBox中包含Button的所有子女。

你有3 ImageView s并希望保持ImageView的数量不变。这意味着您不应该替换它们，而是替换它们包含的image。此外，您应该避免重新加载图像并在开始时加载所有9个图像：

public class Lab6a extends Application {

    private Image[] images;
    private final Random random = new Random();

    @Override
    public void start(Stage myStage) {
        // load all hieroglyphs
        images = new Image[9];
        for (int i = 0; i < images.length; i++) {
            images[i] = new Image("Image/Hieroglyphics/h" + (i+1) + ".png");
        }

        // store all imageviews in array
        final ImageView[] imageViews = Stream.generate(ImageView::new).limit(3).toArray(ImageView[]::new);

        // set initial images
        getRandomHieroglyphic(imageViews);

        ...

        hBox1.getChildren().add(refresh);
        for (ImageView iv : imageViews) {
            hBox1.getChildren().add(iv);
        }
        ...
        refresh.setOnAction(e -> getRandomHieroglyphic(imageViews));
        ...
    }

    public void getRandomHieroglyphic(ImageView[] imageViews) {
        for (ImageView iv : imageViews) {
            iv.setImage(images[random.nextInt(images.length)]);
        }
    }

Answer 2

你是对的。你Hbox最初有4个cildren，3个图像和按钮。你应该在getRandomHieroglyphic（）方法中添加按钮。

但更好的方法是将按钮与图像分开。最好的方法是通过向场景添加BorderPane来完成，并将HBox的图像仅放在中心，按钮放在底部区域。

@Override
public void start(Stage myStage) {
   HBox hBox1 = new HBox();
   hBox1.setAlignment(Pos.CENTER);
   getRandomHieroglyphic(hBox1);

   Button refresh = new Button("Refresh");
   refresh.setOnAction(e -> getRandomHieroglyphic(hBox1));
   BorderPane borderPane = new BorderPane();
   borderPane.getBottom().add(refresh);

   myStage.setTitle("Random Hieroglyphics with Refresh");
   Scene myScene = new Scene(borderPane, 400, 400);

单击后，JavaFX刷新按钮消失

2 个答案: