FXML ScrollPane не показывает детей в своем полном окне - PullRequest
Новая
       15

FXML ScrollPane не показывает детей в своем полном окне

0 голосов
/ 13 апреля 2019

Я работаю в JavaFX FXML впервые. Я пытаюсь реализовать представление ScrollPane в окне графического интерфейса. Предположим, я хочу показать инвентарь книг. Таким образом, графический интерфейс должен быть с возможностью прокрутки. Но в моем представлении ScrollPane его дочерние элементы отображаются только в углу полного графического интерфейса, а не в полном теле.

Ниже приведен мой код FXML: 

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

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

<ScrollPane fx:id="scrollPane"  xmlns:fx="http://javafx.com/fxml/1" id="AnchorPane" 
        prefHeight="400.0" prefWidth="1000.0" pannable="true"
        fx:controller="bookinventory.BooksAllController"
                fitToHeight="true" fitToWidth="true">
    <content>
        <VBox fx:id="allbookbox" VBox.vgrow="ALWAYS" > 
          <children>  

        <Label fx:id="nameLbl"
           layoutX="100.0" layoutY="50.0" style="-fx-font-size:15px; -fx-underline: true; -fx-border-width: 0 0 5 0;"
           prefHeight="20.0" prefWidth="100.0" text="Book Name" textAlignment="LEFT" />

        <Label fx:id="writerNameLbl"
               layoutX="300.0" layoutY="50.0" style="-fx-font-size:15px; -fx-underline: true; -fx-border-width: 0 0 1 0;"
               prefHeight="20.0" prefWidth="100.0" text="Writer Name" textAlignment="LEFT" />

        <Label fx:id="genreLbl" style="-fx-font-size:15px; -fx-underline: true; -fx-border-width: 0 0 1 0;"
               layoutX="500.0" layoutY="50.0"
               prefHeight="20.0" prefWidth="100.0" text="Genre" textAlignment="LEFT" />

        <Label fx:id="priceLbl" style="-fx-font-size:15px; -fx-underline: true; -fx-border-width: 0 0 1 0;"
               layoutX="700.0" layoutY="50.0"
               prefHeight="20.0" prefWidth="100.0" text="Price" textAlignment="LEFT" />

        <Label fx:id="actionLbl" style="-fx-font-size:15px; -fx-underline: true; -fx-border-width: 0 0 1 0;"
               layoutX="900.0" layoutY="50.0"
               prefHeight="20.0" prefWidth="100.0" text="Action" textAlignment="LEFT" />

       </children>
    </VBox> 
    </content>

</ScrollPane>

следующее представление этого кода:

Present Outcome of the code

Мне нужен вид, подобный следующему, с вертикальной полосой прокрутки:

Desired Outcome

Любая помощь?

...