如何使用JavaFX垂直堆叠下载窗格？

Question

我有一个返回窗格的方法，在该窗格上有一些Buttons和一个ProgressBar，用于呈现挂起的下载进度，同时允许用户暂停，恢复或取消它：

我的问题是，每当我开始新的下载时，我都想在最后一个窗格的下方添加一个新窗格，在开始新的下载时将它们垂直堆叠。但是，我创建的逻辑会在与上一个相同的位置打开一个新窗格-覆盖它。

如何使这些窗格堆叠？

我尝试过的

package DownloadManager;

import java.io.File;
import java.util.ArrayList;

import javafx.application.Application;
import javafx.collections.ObservableList;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.ListView;
import javafx.scene.control.ProgressBar;
import javafx.scene.control.ProgressIndicator;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class ProgressClass {

    public Pane show( DownloadAction ob,Button pause,Button resume,Button delete,Thread thread) 
    {


        File resumefile = new File("C:\\Users\\kamran ali\\Desktop\\play.png");
        File pausefile = new File("C:\\Users\\kamran ali\\Desktop\\pause1.png");
        File deletefile = new File("C:\\Users\\kamran ali\\Desktop\\delete1.png");


        Image resIcon = new Image(resumefile.toURI().toString());
        Image paseIcon = new Image(pausefile.toURI().toString());
        Image delIcon = new Image(deletefile.toURI().toString());



        ImageView icon0 = new ImageView(resIcon);
        ImageView icon1 = new ImageView(paseIcon);
        ImageView icon2 = new ImageView(delIcon);
        icon0.setFitWidth(10);
        icon0.setFitHeight(10);
        icon1.setFitWidth(10);
        icon1.setFitHeight(10);

        icon2.setFitWidth(10);
        icon2.setFitHeight(10);


         pause  = new Button(null,icon1);
         resume  = new Button(null,icon0);
         delete= new Button(null,icon2);

        pause.setLayoutX(270);
        resume.setLayoutX(300);
        delete.setLayoutX(330);

        pause.setLayoutY(120);
        resume.setLayoutY(120);
        delete.setLayoutY(120);

        pause.setOnAction(e->{
            thread.suspend();
        });

        resume.setOnAction(e->{
            thread.resume();
        });

        ProgressBar pb = new ProgressBar(0.0);
        ProgressIndicator pi = new ProgressIndicator(0.0);
        Label label = new Label();
        label.setLayoutX(100);
        label.setLayoutY(80);
        label.setText(ob.getpath());
        pi.setLayoutX(510);
        pi.setLayoutY(80);
        pi.setPrefSize(50, 50);
        pb.setLayoutX(100);
        pb.setLayoutY(100);
        pb.setPrefWidth(400);
        pb.setProgress(0);
        pb.isIndeterminate();
        pb.progressProperty().unbind();
    pi.progressProperty().bind(ob.progressProperty());
        pb.progressProperty().bind(ob.progressProperty());
        Pane pane1 = new Pane();
    pane1.setLayoutY(40);
        pane1.getChildren().addAll(pb,pi,label,pause,resume,delete);
    return pane1;
    }



}

Answer 1

当前显示的代码仅描述了如何创建“窗格”，而不是 如何对齐/放置在父容器/窗口中。

对于ProgressClass-窗格的元素，您使用绝对定位，我猜您在“外部”也是如此。

修复：：改用布局容器。

在容纳其他元素的外部Windows中，添加javafx.scene.layout.VBox而不是直接添加创建的ProgressClass。

每次添加另一个ProgressClass实例时，请将其作为子项添加到javafx.scene.layout.VBox中-它会自动垂直堆叠ProgressClass es的各个实例。

---

您可能不需要访问一些布局教程来练习使用布局容器，而布局容器比您自己放置每个元素都更强大。

请参见：this official tutorial和VBox() (J8)