Java FX应用程序的onload事件
[英]Java FX application onload event
问题描述
我正在使用Google Maps API在java swing java fx中实现一个应用程序。
我的问题是，加载地图时需要运行javascript。
我正在阅读以下方法： webEngine.getLoadWorker().StateProperty().AddListener但在我的代码中不起作用。 我想知道是否有人知道如何做到这一点。
我留下我的代码：SwingHtmlDemo.Java：
public class SwingHtmlDemo {
public static void main(String[] args) {
SwingUtilities.invokeLater(new Runnable() {
@Override
public void run() {
ApplicationFrame mainFrame = new ApplicationFrame();
mainFrame.setVisible(true);
}
});
}
}
/ *用于显示一些HTML内容的主窗口。 * /
class ApplicationFrame extends JFrame {
JFXPanel javafxPanel;
WebView webComponent;
JPanel mainPanel;
JTextField urlField;
JButton goButton;
public ApplicationFrame() {
javafxPanel = new JFXPanel();
initSwingComponents();
loadJavaFXScene();
}
/**
* Instantiate the Swing compoents to be used
*/
private void initSwingComponents() {
mainPanel = new JPanel();
mainPanel.setLayout(new BorderLayout());
mainPanel.add(javafxPanel, BorderLayout.CENTER);
JPanel urlPanel = new JPanel(new FlowLayout());
urlField = new JTextField();
urlField.setColumns(50);
urlPanel.add(urlField);
goButton = new JButton("Go");
urlField.setText("Rio branco 1421 montevideo");
/**
* Handling the loading of new URL, when the user enters the URL and
* clicks on Go button.
*/
goButton.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
Platform.runLater(new Runnable() {
@Override
public void run() {
String url = urlField.getText();
if (url != null && url.length() > 0) {
webComponent.getEngine().executeScript("document.goToLocation(\"" + urlField.getText() + "\")");
}
}
});
}
});
urlPanel.add(goButton);
mainPanel.add(urlPanel, BorderLayout.NORTH);
this.add(mainPanel);
this.setDefaultCloseOperation(JFrame.HIDE_ON_CLOSE);
this.setSize(700, 600);
}
/**
* Instantiate the JavaFX Components in the JavaFX Application Thread.
*/
private void loadJavaFXScene() {
Platform.runLater(new Runnable() {
@Override
public void run() {
BorderPane borderPane = new BorderPane();
webComponent = new WebView();
webComponent.getEngine().load(getClass().getResource("googlemap.html").toString());
borderPane.setCenter(webComponent);
Scene scene = new Scene(borderPane, 450, 450);
javafxPanel.setScene(scene);
}
});
}
}
googlemap.html：
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100%; background-color: #666970; }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyDRtQjq-q-w0Yr6BZ6y1nRGzAUM93udakg&sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(37.39822, -121.9643936);
var myOptions = {
zoom: 14,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
navigationControl: false,
streetViewControl: false,
backgroundColor: "#666970"
};
document.geocoder = new google.maps.Geocoder();
document.map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
document.zoomIn = function zoomIn() {
var zoomLevel = document.map.getZoom();
if (zoomLevel <= 20) document.map.setZoom(zoomLevel + 1);
}
document.zoomOut = function zoomOut() {
var zoomLevel = document.map.getZoom();
if (zoomLevel > 0) document.map.setZoom(zoomLevel - 1);
}
document.setMapTypeRoad = function setMapTypeRoad() {
document.map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
}
document.setMapTypeSatellite = function setMapTypeSatellite() {
document.map.setMapTypeId(google.maps.MapTypeId.SATELLITE);
}
document.setMapTypeHybrid = function setMapTypeHybrid() {
document.map.setMapTypeId(google.maps.MapTypeId.HYBRID);
}
document.setMapTypeTerrain = function setMapTypeTerrain() {
document.map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
}
document.goToLocation = function goToLocation(searchString) {
var address = searchString;
document.geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
document.map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: document.map,
position: results[0].geometry.location
});
if (results[0].geometry.viewport)
document.map.fitBounds(results[0].geometry.viewport);
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
1 个解决方案
解决方案1
3 已采纳 2013-11-19 14:32:50
考虑添加FirebugLite来调试您的应用程序：
<script src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
如果我正确理解问题，则需要在“文档加载”事件监听器中运行此问题：
webComponent.getEngine().load(getClass().getResource("googlemap.html").toString());
webComponent.getEngine().stateProperty().addListener(new ChangeListener<Worker.State>() {
@Override
public void changed(ObservableValue<? extends Worker.State> ov, Worker.State t, Worker.State t1) {
if (t1 == Worker.State.SUCCEEDED) {
// this will be run as soon as WebView is initialized.
webComponent.getEngine().executeScript("document.goToLocation(\"" + urlField.getText() + "\")");
}
}
});
UPDATE
该消息表示没有此类功能，因此您需要将JS从原始HTML文件复制到googlemap.html ：
document.goToLocation = function goToLocation(searchString) {
document.geocoder.geocode( {'address': searchString}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
document.map.setCenter(results[0].geometry.location);
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
更新2
此后为我工作（需要对所有功能执行此操作）：
document.goToLocation = function
goToLocation
(searchString) {
您可以考虑添加FirebugLite来调试JS应用程序：
<script src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
Java FX liveconnect-从FX应用程序调用JavaScript函数
[英]Java FX liveconnect - calling javascript function from FX application
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.