JavaFX 未在 16 :9 ratio 上显示完整网页

Question

代码如下:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class Main extends Application{

public static void main(String[] args){

    Application.launch(args);

}

@Override

public void start(Stage stage) throws Exception{

    WebView myWebView = new WebView();
    WebEngine engine = myWebView.getEngine();
    engine.load("https://twitter.com/");

    VBox root = new VBox();
    root.getChildren().addAll(myWebView);

    Scene scene = new Scene(root, 1280, 720);
    stage.setScene(scene);

    stage.show();
}
}

如果我运行它，它将在应用程序窗口的前 3 个四分之一处显示网页，并在另一四分之一处显示一个白色框。更糟糕的是，如果我最大化窗口，该网站只占据应用程序窗口的大约一半。不确定是什么原因造成的...

Answer 1

您需要让它填满舞台上的整个空间。根据您的选择，您将遇到上述情况。

情况 1: 使用 BorderPane。

通过将 BorderPane 直接添加到舞台并将 WebView 添加到 BorderPane 的中心，将使 WebView 占据舞台的所有可用宽度和高度。

示例:

@Override
public void start(Stage stage) throws Exception {

    WebView myWebView = new WebView();
    WebEngine engine = myWebView.getEngine();
    engine.load("https://twitter.com/");

    BorderPane root = new BorderPane();
    root.setCenter(myWebView);

    Scene scene = new Scene(root);
    stage.setScene(scene);

    stage.show();
}

情况 2:使用 VBox 或 HBox。

这些 Pane 默认采用 VBox 的所有可用宽度和 HBox 空间的高度，并保留其他尺寸由其子节点计算。为了利用全部空间，您需要告诉这些 Pane 内的节点始终增长(垂直或水平取决于 Pane )

示例:

@Override
public void start(Stage stage) throws Exception {

    WebView myWebView = new WebView();
    WebEngine engine = myWebView.getEngine();
    engine.load("https://twitter.com/");

    VBox root = new VBox(); // or HBox 
    root.getChildren().add(myWebView);

    // HBox.setHgrow(myWebView, Priority.ALWAYS);
    VBox.setVgrow(myWebView, Priority.ALWAYS);

    Scene scene = new Scene(root);
    stage.setScene(scene);

    stage.show();
}

还有很多其他 Pane ，例如 AnchorPane(您需要设置其 anchor )或 FlowPane 等，在某些情况下，您必须将它们的 prefWidthProperty 和 prefHeightProperty 与舞台的实际 widthProperty/heightProperty 绑定(bind)。但我相信你已经明白了。