將視圖置於JavaFx中另一視圖的頂部

Question

我試圖將視圖集中在基本上在錨定窗格中的另一視圖之上。

這裏是我的代碼：

<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0"> 
    <children> 
     <ListView fx:id="list" prefHeight="750.0" prefWidth="300.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" /> 
     <ProgressIndicator fx:id="bar" /> 
    </children> 
</AnchorPane> 

這是什麼樣子：

這是我的目標：

編輯：

更新代碼以包括stackpane

<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0"> 
      <children> 
      <StackPane prefHeight="150.0" prefWidth="200.0"> 
       <children> 
       <ListView fx:id="list" /> 
       <ProgressIndicator fx:id="bar" /> 
       </children> 
      </StackPane> 
      </children> 
     </AnchorPane> 

Answer 1

嘗試這種情況：

到填充StackPane的關鍵是，設置ListView的maxHeight和maxWidth到Double.MAX_VALUE 。

<children> 
    <StackPane AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"> 
    <children> 
     <ListView maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" /> 
     <ProgressIndicator maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" progress="0.44"> 
      <StackPane.margin> 
       <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" /> 
      </StackPane.margin> 
     </ProgressIndicator> 
    </children> 
    </StackPane> 

的prefHeight和prefWidth爲StackPane和ListView可能不反映你在你原來的職位。您可以更改這些值以滿足您的需求。我還在StackPane上設置了約束條件，以便填充其父Parent AnchorPane。

SceneBuilder圖片：

您可能需要設置的ProgressIndicator