带有换行文本的 javafx gridpane 布局答案

【问题标题】：javafx gridpane layout with wrapping text带有换行文本的 javafx gridpane 布局
【发布时间】：2016-01-01 05:02:25
【问题描述】：

我正在使用 JavaFX 8。尝试使用 GridPage 来显示一组属性和值。一些值可能足够长，以至于不能放在一行上。我想包装这些值，但似乎无法弄清楚如何让网格窗格垂直扩展以容纳包装的文本。我基本上想要你在 HTML 表格中看到的行为。不确定我应该使用的 JavaFX 中是否有不同的布局。

Property A    Value A
Property B    Value B
Property C    The Values for property C is so long
              that it wraps
Property D    Value D

感谢任何帮助

【问题讨论】：

你能发布一些代码来展示你是如何设置的吗？
这应该很容易通过设置 VGrow 并使用 TextFlow 来实现。正如 James_D 所说，如果你展示你目前拥有的/你尝试过的东西，那将会很有帮助。

标签： java javafx

【解决方案1】：

使用SceneBuilder构造：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>

<VBox prefWidth="220.0" xmlns="http://javafx.com/javafx/8.0.40" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <GridPane hgap="20.0" vgap="10.0">
        <columnConstraints>
          <ColumnConstraints hgrow="SOMETIMES" maxWidth="-Infinity" minWidth="-Infinity" />
          <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="20.0" />
        </columnConstraints>
        <rowConstraints>
          <RowConstraints minHeight="-Infinity" valignment="TOP" vgrow="SOMETIMES" />
          <RowConstraints minHeight="-Infinity" valignment="TOP" vgrow="SOMETIMES" />
          <RowConstraints minHeight="-Infinity" valignment="TOP" vgrow="SOMETIMES" />
        </rowConstraints>
         <children>
            <Label text="Property A" />
            <Label text="Property B" GridPane.rowIndex="1" />
            <Label text="Property C" GridPane.rowIndex="2" />
            <Label text="Value A" GridPane.columnIndex="1" />
            <Label text="The value for property B is so long that it wraps" wrapText="true" GridPane.columnIndex="1" GridPane.rowIndex="1" />
            <Label text="Value C" GridPane.columnIndex="1" GridPane.rowIndex="2" />
         </children>
         <padding>
            <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
         </padding>
      </GridPane>
   </children>
</VBox>

【讨论】：

感谢工作示例，这就足够了。我一直在行约束上使用 prefHeight 属性来提供适当的间距，这导致文本不换行。现在看起来很明显。