将视图置于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