JavaFX动态在GridPane中制作按钮

时间:2019-03-09 11:49:05

标签: java for-loop javafx size gridpane

我正在尝试使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. 当我的“人”少于三个时,我的网格看起来像这样

enter image description here

  1. 启动应用程序时,网格看起来像这样

enter image description here

我很茫然,所以欢迎提出所有建议。

对于问题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>

在单击按钮之前。

enter image description here

点击按钮后。

enter image description here

1 个答案:

答案 0 :(得分:0)

我已经找到了解决问题的两种方法。

进入边界

将按钮插入按钮的原因是因为当b> a时,我将一个int a除以int b,结果为0,因为这两个都是int。当我将数字转换为双精度数字时,结果数字类似于0.3333或0.66666,因此大于0并解决了问题。

按钮宽度为0

这里的问题是,当我第一次调用refresh()时,屏幕上的所有元素尚未“存在”。也就是说,它们确实存在,但是尚未在屏幕上显示出来,因此它们的宽度和高度为0.0或-1.0。但是,如果您指定了特定的高度或宽度,例如指定的或最小的宽度/高度,如果窗口的高度或宽度<1,则可以调用这些属性。这样,由于宽度和高度位于该点,因此在调整窗口大小时,效果仍然不是很好只是一个静态double,但至少它是可读的。