Zentrierung Inhalt der ScrollPane-Komponente mit fitToWidth=false mit JavaFX

Hallo, ich habe folgende situation:

<ScrollPane xmlns:fx="http://javafx.com/fxml" fx:controller="MenuController" fx:id="menuPane" stylesheets="/fxml/styles/menu_style.css" fitToWidth="true" fitToHeight="true" hbarPolicy="ALWAYS" vbarPolicy="ALWAYS">
  <VBox alignment="CENTER">
    <HBox alignment="CENTER">
      <VBox fx:id="menuView">
        <elements></elements>
      </VBox>
    </HBox>
  </VBox>
</ScrollPane>

Sieht es wie folgt aus:

Vollbild mit Ausrichtung

Zentrierung Inhalt der ScrollPane-Komponente mit fitToWidth=false mit JavaFX

Jedoch, wenn Sie es kleiner machen auf die Breite der scrollpane funktioniert nicht.

Geändert mit Ausrichtung

Zentrierung Inhalt der ScrollPane-Komponente mit fitToWidth=false mit JavaFX

Wenn ich änderte den Wert fitToWidth von true auf false bekomme ich:

Full screen mit scrollen

Zentrierung Inhalt der ScrollPane-Komponente mit fitToWidth=false mit JavaFX

so gibt es keine horizontale Ausrichtung zur Mitte. Allerdings ist der Bildlauf funktioniert:

Geändert mit scrollen

Zentrierung Inhalt der ScrollPane-Komponente mit fitToWidth=false mit JavaFX

Gibt es eine Möglichkeit, Ausrichtung und Scroll-Arbeit an der gleichen Zeit?

Es ist seltsam, dass die Höhe scrollen und vertikale Ausrichtung korrekt funktioniert.

Kann nicht Hinzugefügt werden mehr als 2 Bild, sorry dafür.

InformationsquelleAutor Robert Mielczarek | 2016-04-19

  1. 1

    Wenn die viewport-Breite kleiner als der Inhalt der Breite, dann natürlich die position des Inhalts wird bestimmt durch die position der horizontalen scroll-Balken, das ist vermutlich das, was Sie wollen.

    Wenn die viewport-Breite größer ist als der Inhalt der Breite, dann wird die position des untergeordneten Knotens, der Inhalt wird bestimmt durch das layout des Inhalts und die Ausrichtung festgelegt. Die position der Inhalte selbst in die viewport ist eine Funktion der viewport layout, und Sie haben nur begrenzte Kontrolle über das (soweit ich sehen kann).

    Also eine option, die nur zu binden, die die minimale Breite der Inhalte, um die tatsächliche Breite des Viewports, zwingen Sie die Inhalte mindestens so groß wie der viewport. Sie können dies tun, in FXML:

    <ScrollPane xmlns:fx="http://javafx.com/fxml" fx:controller="MenuController" fx:id="menuPane" stylesheets="/fxml/styles/menu_style.css" fitToWidth="true" fitToHeight="true" hbarPolicy="ALWAYS" vbarPolicy="ALWAYS">
  <VBox alignment="CENTER" minWidth="${menuPane.viewportBounds.width}">
    <HBox alignment="CENTER">
      <VBox fx:id="menuView">
        <elements></elements>
      </VBox>
    </HBox>
  </VBox>
</ScrollPane>
    Es hat begonnen zu arbeiten, wenn ich Hinzugefügt, um Hbox minWidth. Thema kann geschlossen werden da gelöst. Danke James_D. <HBox alignment="CENTER" minWidth="${menuPane.viewportBounds.Breite}">
    Sie sind ein Lebensretter! Auch habe ich gelernt, dass ich binden können, direkt via FXML! <3

    InformationsquelleAutor James_D

Schreibe einen Kommentar