JavaFX/FXML:BorderPane 中的 ImageView 和标签不显示

Question

我的问题是，在下面的结构中，粗体标记的图像和标签在边框窗格内网格窗格内...不显示。我将图像和标签放在另一个边框窗格中，以便网格窗格的每一行都有更多的样式选项。当只有部分实验室位于 BorderPane 内时，将显示所有标签(包括其本身和 BorderPane 内的标签(，但现在所有标签都位于其各自的 BorderPan 内，因此不会显示任何标签。为 BorderPanes 设置 prefHeight 并没有产生任何影响。有什么想法吗？

编辑：标记粗体似乎在代码字段中不起作用。我说的是GridPane.rowIndex="0"上的所有内容。

提前感谢！

例子.fxml

<?import javafx.geometry.Insets?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.layout.FlowPane?>
<?import javafx.scene.layout.Region?>
<?import javafx.scene.layout.TilePane?>
<?import javafx.scene.layout.StackPane?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.control.TitledPane?>
<?import javafx.scene.control.Tooltip?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.control.CheckBox?>
<BorderPane fx:controller="examplePackage.exampleController" xmlns:fx="http://javafx.com/fxml">
<VBox>
<TitledPane>
<!-- ................................................................................... -->
<graphic>
<BorderPane prefWidth="1312">
<left>
<BorderPane>
<left>
<ImageView>
<Image url="file:///....png"/>
</ImageView>
</left>
<right>
<Label text="Text" style="-fx-padding:5"></Label>
</right>
</BorderPane>
</left>
<center> 
</center>
<right>
<BorderPane>
<left>
<StackPane prefWidth="32">
<ImageView>
<Image url="file:///....png"/>
</ImageView>
</StackPane>
</left>
<right>
<StackPane prefWidth="28" style="-fx-padding:0,5,0,5; -fx-border-width:0px 0px 0px 0.5px; -fx-border-style: solid; -fx-border-color:#ffffff">
<ImageView>
<Image url="file:///....png"/>
</ImageView>
</StackPane>
</right>
</BorderPane>
</right>
</BorderPane>
</graphic>
<!-- ................................................................................... -->
<GridPane>
<columnConstraints>
<ColumnConstraints percentWidth="5.0"/>
<ColumnConstraints percentWidth="25.0"/>
<ColumnConstraints percentWidth="25.0"/>
<ColumnConstraints percentWidth="25.0"/>
<ColumnConstraints percentWidth="20.0"/>
</columnConstraints>
<BorderPane prefHeight="30" GridPane.rowIndex="0" GridPane.columnIndex="0" style="-fx-border-color: rgb(0,0,0); -fx-border-width:0px 0px 0.5px 0px">
<ImageView>
<Image url="file:///....png"/>
</ImageView>
</BorderPane>
<BorderPane GridPane.rowIndex="0" GridPane.columnIndex="1" style="-fx-border-color: rgb(0,0,0); -fx-border-width:0px 0px 0.5px 0px">
<Label text="Text">
<font>
<Font name="Arial" size="13"></Font>
</font>
</Label>
</BorderPane>
<BorderPane GridPane.rowIndex="0" GridPane.columnIndex="2" style="-fx-border-color: rgb(0,0,0); -fx-border-width:0px 0px 0.5px 0px">
<Label text="Text">
<font>
<Font name="Arial" size="13"></Font>
</font>
</Label>
</BorderPane>
<BorderPane GridPane.rowIndex="0" GridPane.columnIndex="3" style="-fx-border-color: rgb(0,0,0); -fx-border-width:0px 0px 0.5px 0px">
<Label text="Text">
<font>
<Font name="Arial" size="13"></Font>
</font>
</Label>
</BorderPane>
<BorderPane GridPane.rowIndex="0" GridPane.columnIndex="4" style="-fx-border-color: rgb(0,0,0); -fx-border-width:0px 0px 0.5px 0px">
<Label text="Text">
<font>
<Font name="Arial" size="13"></Font>
</font>
</Label>
</BorderPane>
<Label text="Text" GridPane.rowIndex="1" GridPane.columnIndex="0">
<font>
<Font name="Arial" size="13"></Font>
</font>
</Label>
<Label text="Text" GridPane.rowIndex="1" GridPane.columnIndex="1">
<font>
<Font name="Arial" size="13"></Font>
</font>
</Label>
<Label text="Text" GridPane.rowIndex="1" GridPane.columnIndex="2">
<font>
<Font name="Arial" size="13"></Font>
</font>
</Label>
<Label text="Text" GridPane.rowIndex="1" GridPane.columnIndex="3">
<font>
<Font name="Arial" size="13"></Font>
</font>
</Label>
</GridPane>
<!-- ................................................................................... -->
</TitledPane>
</VBox>
</BorderPane>

示例控制器.java

package examplePackage;
public class exampleController
{
}

主.java

package examplePackage;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
public class Main extends Application
{
@Override
public void start(Stage primaryStage)
{
try {
Parent root = FXMLLoader.load(getClass().getResource("example.fxml"));
primaryStage.setScene(new Scene(root, 1920,800));
primaryStage.setTitle("exampleTitle");
primaryStage.show();
} catch(Exception e) {
e.printStackTrace();
}
}
public static void main(String[] args)
{
launch(args);
}
}

Answer 1

问题是我直接将标签放在边框窗格中，没有"标签来指定它们的对齐方式。

错：

<BorderPane GridPane.rowIndex="0" GridPane.columnIndex="1">
<Label text="Text">
<font>
<Font name="Arial" size="13"></Font>
</font>
</Label>
</BorderPane>

右：

<BorderPane GridPane.rowIndex="0" GridPane.columnIndex="1">
<left>
<Label text="Text">
<font>
<Font name="Arial" size="13"></Font>
</font>
</Label>
</left>
</BorderPane>
```