0

如何使 JavaFX MediaView 拉伸和收缩媒体以填充/适合父容器？

这里已经有一个问题：

如何使 JavaFX MediaView 拉伸媒体以填充父容器？

以及使用此代码的解决方案：

<Pane fx:id="mediaViewPane">
  <children>
     <MediaView fx:id="videoView" fitHeight="${mediaViewPane.height}" fitWidth="${mediaViewPane.width}" layoutX="1.0" />
  </children>
</Pane>

用于使视频更大以填充容器，但它不允许容器小于视频的大小，因此它不会缩小，它只是在控件落在场景之外时开始隐藏控件。

任何想法如何拉伸但也缩小 MediaView 以适应？

4

1 回答 1

0

我已经实现了这一点，尽管我对这是最好的方法并不是很有信心。首先，正如 fabian 指出的那样，我需要将其设置MediaView为不受管理，以便可以将父级Pane调整为任何大小而无需对其进行MediaView限制：

<Pane fx:id="mediaViewPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="0.0" minWidth="0.0">
    <MediaView fx:id="mediaView" StackPane.alignment="CENTER" managed="false"/>
</Pane>

然后，在 rezise 事件中，我调整大小MediaView以适合父级，然后获取视频的实际大小并将其偏移到中心：

InvalidationListener resizeMediaView = observable -> {
    mediaView.setFitWidth(mediaViewPane.getWidth());
    mediaView.setFitHeight(mediaViewPane.getHeight());

    // After setting a big fit width and height, the layout bounds match the video size. Not sure why and this feels fragile.
    Bounds actualVideoSize = mediaView.getLayoutBounds();
    mediaView.setX((mediaView.getWidth() - actualVideoSize.getWidth()) / 2);
    mediaView.setY((mediaView.getHeight() - actualVideoSize.getHeight()) / 2);
};
mediaViewPane.heightProperty().addListener(resizeMediaView);
mediaViewPane.widthProperty().addListener(resizeMediaView);
于 2018-01-04T14:27:26.473 回答