JavaFX 未以 16:9 比例显示完整网页

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 个四分之一处显示网页 window，白框占据另一四分之一。更糟糕的是，如果我最大化 window，该站点只占应用程序的一半左右 window。不确定是什么原因造成的...

Answer 1

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

案例 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。

这些窗格默认采用 VBox 的所有可用宽度和 HBox 的所有可用高度 space，并留下其他维度由其子节点计算。为了利用完整的 space，您需要告诉这些窗格内的节点始终增长（垂直或水平取决于窗格）

示例：

@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();
}

还有很多其他窗格，如 AnchorPane（您需要设置其锚点）或 FlowPane 等，在某些情况下，您必须将它们的 prefWidthProperty 和 prefHeightProperty 与实际绑定 widthProperty/heightProperty舞台的。但我相信你明白了。

JavaFX 未以 16:9 比例显示完整网页

JavaFX not showing full web page on 16:9 ratio

java

javafx

javafx-webengine