JavaFX动态地在GridPane中创建按钮

Question

我正在尝试使用按钮填充JavaFX GridPane。我有一个带有对象的ArrayList，对于每个对象，都需要一个按钮。但是，ArrayList的大小并不总是相同。因此，我到目前为止已经制作了这段代码：

JavaFX GridPane部分：

<AnchorPane fx:id="gridAnchorPane" minHeight="120.0" minWidth="450.0" prefHeight="120.0" prefWidth="550.0">
        <GridPane fx:id="peopleGridPane" hgap="5.0" layoutX="98.0" layoutY="43.0" translateX="1.0" translateY="1.0" translateZ="1.0" vgap="5.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
        </GridPane>
    </AnchorPane>

正如你所看到的，我有零行和列，因为我打算使它们成为动态数量和大小。

用于制作按钮的控制器部件：

int GRIDWIDTH = //how many buttons are to fit in one row
for (int i = 0; i < people.size(); i++){
    peopleGridPane.add(personButton(people.get(i).getName()), i % GRIDWIDTH, i / GRIDWIDTH);
}

private Button personButton(String name) {
    button.setPrefSize(
            peopleGridPane.getWidth() / GRIDWIDTH,
            peopleGridPane.getHeight() / (people.size() / GRIDWIDTH)
    );

使用这种方法，我遇到两个问题。

1. 当我有少于三个“人”时，我的网格看起来像这样

2. 当我启动应用程序时，网格看起来像这样

我很茫然，所以欢迎所有的建议。

对于问题2，我做了一个简单的娱乐：

主要：

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root, 300, 275));
        primaryStage.show();
    }


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

控制器：

private int GRIDWIDTH = 3;

@FXML
@Override
public void initialize(URL location, ResourceBundle resources) {
    refresh();
}

private void refresh() {


    for (int i = 0; i < people.size(); i++) {
        Button button = new Button(people.get(i).getName());
        button.setPrefSize(
                grid.getWidth() / GRIDWIDTH,
                grid.getHeight() / (people.size() / GRIDWIDTH)
        );
        button.setOnAction(event -> refresh());
        grid.add(button, i % GRIDWIDTH, i / GRIDWIDTH);
    }
}

public Controller() {
    people = new ArrayList<>();
    people.add(new Person("P1"));
    people.add(new Person("P2"));
    people.add(new Person("P3"));
    people.add(new Person("P4"));
}

.fxml文件：

<SplitPane dividerPositions="0.5" orientation="VERTICAL" prefHeight="201.0" prefWidth="240.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">
   <items>
      <Pane prefHeight="200.0" prefWidth="200.0" />
      <GridPane fx:id="grid" alignment="center" hgap="10" vgap="10">
</GridPane>
   </items>
</SplitPane>

在单击按钮之前。

点击一个按钮后。

Answer 1

我发现了这两个问题的解决方案。

剪入边境

按钮被剪切到按钮的原因是因为我将int a除以int b，当b> a时，得到0，因为两者都是整数。当我将数字转换为双精度数时，得到的数字类似于0.3333或0.66666，因此大于0并解决问题。

按钮宽度为0

这里的问题是，当我第一次打电话给refresh()时，屏幕上的所有元素都还没有“存在”。也就是说，它们确实存在，但它们还没有被放在屏幕上，这使它们的宽度和高度为0.0或-1.0。但是，如果指定特定的高度或宽度，例如如果指定的或最小的宽度/高度，如果窗口的高度或宽度<1，您可以调用这些属性。这样，当您调整窗口大小时它仍然看起来不太好，因为宽度和高度都在那个点上只是一个静态双，但至少它是可读的。