ImageView没有在JavaFX SceneBuilder / Layout XML中调整大小到AnchorPane

时间:2018-04-16 10:38:14

标签: xml javafx imageview layout-anchor

我在JavaFX SceneBuilder中遇到布局问题。

我有一个GridPane,其中一个单元格在ImageView内包含AnchorPane,并希望图片调整为锚点。

我试过这个,但它没有用。只需以完整尺寸显示图像。

        <AnchorPane fx:id="imageAnchor" GridPane.columnIndex="4" GridPane.rowIndex="1">
            <ImageView pickOnBounds="true" fitHeight="${imageAnchor.height}">
            <image>
                <Image url="https: / /www.mydomain.com/path/image.png" />
            </image>
            </ImageView>
        </AnchorPane>

我也试过

        <AnchorPane fx:id="imageAnchor" GridPane.columnIndex="4" GridPane.rowIndex="1">
            <ImageView pickOnBounds="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
            <image>
                <Image url="https: / /www.mydomain.com/path/image.png" />
            </image>
            </ImageView>
        </AnchorPane>

......但是都没有工作。任何想法可能是什么问题?

我想通过SceneBuilder / XML实现这一目标。

1 个答案:

答案 0 :(得分:0)

我最终使用以下方法解决了这个问题:

         <AnchorPane fx:id="imageAnchor" GridPane.columnIndex="1" GridPane.rowIndex="1">
             <ImageView fitHeight="${imageAnchor.height}" managed="false" pickOnBounds="true" preserveRatio="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
                 <image>
                     <Image url="image.png" />
                 </image>
             </ImageView>
         </AnchorPane>