JavaFX webview对聚合物材料设计元素产生了影响

时间:2015-06-16 19:07:45

标签: java javafx polymer material-design

我试图在JAVAFX 8 webview中显示聚合物材料设计元素,并在其中一些上面出现了一些图形故障。 例如,单击它时复选框元素将消失。

我在Ubuntu 15.04系统上使用java 8 sdk update 45.

以下是代码:

package sample;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;


import javafx.application.Application;
import javafx.geometry.HPos;
import javafx.geometry.VPos;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.scene.layout.Region;
import javafx.scene.paint.Color;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
public class Main extends Application {
    private Scene scene;
    @Override public void start(Stage stage) {
        // create the scene
        stage.setTitle("Web View");
        scene = new Scene(new Browser(),750,500, Color.web("#666970"));
        stage.setScene(scene);

        stage.show();
    }

    public static void main(String[] args){
        launch(args);
    }
}

class Browser extends Region {

    final WebView browser = new WebView();
    final WebEngine webEngine = browser.getEngine();

    public Browser() {
        //apply the styles
        getStyleClass().add("browser");
        // load the web page
        webEngine.load("http://www.polymer-project.org/0.5/components/paper-elements/demo.html");
        //add the web view to the scene
        getChildren().add(browser);

    }
    private Node createSpacer() {
        Region spacer = new Region();
        HBox.setHgrow(spacer, Priority.ALWAYS);
        return spacer;
    }

    @Override protected void layoutChildren() {
        double w = getWidth();
        double h = getHeight();
        layoutInArea(browser,0,0,w,h,0, HPos.CENTER, VPos.CENTER);
    }

    @Override protected double computePrefWidth(double height) {
        return 750;
    }

    @Override protected double computePrefHeight(double width) {
        return 500;
    }
}

对此有何想法? 我认为jdk webview并没有完全实现所有HTML5规范。

1 个答案:

答案 0 :(得分:1)

对我来说很好:

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

public class Polymer extends Application {
    @Override public void start(Stage stage) {
        WebView webView = new WebView();
        webView.getEngine().load(
            "http://www.polymer-project.org/0.5/components/paper-elements/demo.html"
        );

        System.getProperties().list(System.out);

        stage.setScene(new Scene(webView));
        stage.show();
    }

    public static void main(String[] args){
        launch(args);
    }
}
$ java -version
java version "1.8.0_60-ea"
Java(TM) SE Runtime Environment (build 1.8.0_60-ea-b13)
Java HotSpot(TM) 64-Bit Server VM (build 25.60-b12, mixed mode)

OS X 10.9.5

页面本身最初显示速度很慢,但同样的页面在Safari上也很慢显示(需要几秒钟才能显示)。

Polymer Image