Note: Advice in this article will only work for JxBrowser 6. See the corresponding article for JxBrowser 7 here.(注意:本文中的建议仅适用于JxBrowser6,JxBrowser7相应文章请点击这里。)
JxBrowser supports JavaFX toolkit and can be embedded into JavaFX desktop applications as well. To embed control that displays HTML content you must create com.teamdev.jxbrowser.chromium.javafx.BrowserView instance and put it into a Pane or any other container on Scene. (JxBrowser支持JavaFX工具包,也可以嵌入到JavaFX桌面应用程序中。要嵌入显示HTML内容的控件,必须创建com.teamdev.jxbrowser.chromium.javafx.BrowserView实例,并将其放入“窗格”或Scene中的任何其他容器中。)
Note: To use JxBrowser in JavaFX applications, JDK 1.8 or higher is required. (注意:要在JavaFX应用程序中使用JxBrowser,需要JDK 1.8或更高版本。)
The following sample demonstrates how to use JxBrowser in a simple JavaFX application:(以下样本演示了如何在简单的JavaFX应用程序中使用JxBrowser:)
import com.teamdev.jxbrowser.chromium.Browser;
import com.teamdev.jxbrowser.chromium.BrowserCore;
import com.teamdev.jxbrowser.chromium.internal.Environment;
import com.teamdev.jxbrowser.chromium.javafx.BrowserView;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
/**
* Demonstrates how to embed Browser instance into JavaFX application.
*/
public class JavaFXSample extends Application {
@Override
public void init() throws Exception {
// On Mac OS X Chromium engine must be initialized in non-UI thread.
if (Environment.isMac()) {
BrowserCore.initialize();
}
}
@Override
public void start(final Stage primaryStage) {
Browser browser = new Browser();
BrowserView view = new BrowserView(browser);
Scene scene = new Scene(new BorderPane(view), 700, 500);
primaryStage.setScene(scene);
primaryStage.show();
browser.loadURL("http://www.google.com");
}
public static void main(String[] args) {
launch(args);
}
}
Note: in macOS environment you must initialize JxBrowser core functionality in non-UI thread. For example, in the Application.init() method as shown below:(注意:在macOS环境中,您必须在非UI线程中初始化JxBrowser核心功能。例如,在Application.init()方法中,如下所示:)
@Override
public void init() throws Exception {
// On Mac OS X Chromium engine must be initialized in non-UI thread.
if (Environment.isMac()) {<span class="fr-marker" data-id="0" data-type="false" style="display: none; line-height: 0;"></span><span class="fr-marker" data-id="0" data-type="true" style="display: none; line-height: 0;"></span>
BrowserCore.initialize();
}
}
FXML(XML文件)
It is possible to embed BrowserView into a JavaFX app GUI via FXML. In this section we will show you how to do it.
(可以通过FXML将BrowserView嵌入到JavaFX应用程序GUI中。在本节中,我们将向您展示如何进行。)
1) First we need to describe the structure of the browser-view-control.fxml file to tell JavaFX how the BrowserView control should be embedded into the app UI.(1)首先,我们需要描述browser-view-control.fxml文件的结构,以告诉JavaFX如何将BrowserView控件嵌入到应用程序UI中。)
<?xml version="1.0" encoding="UTF-8"?> <?import com.teamdev.jxbrowser.chromium.javafx.BrowserView?> <?import javafx.scene.control.TextField?> <?import javafx.scene.layout.BorderPane?> <BorderPane fx:controller="BrowserViewControl" xmlns:fx="http://javafx.com/fxml"> <top> <TextField fx:id="textField" text="http://www.google.com" onAction="#loadURL"/> </top> <center> <BrowserView fx:id="browserView"/> </center> </BorderPane>
2) Then we need to implement the BrowserViewControl defined in the browser-view-control.fxml file:(2)然后,我们需要实现在browser-view-control.fxml文件中定义的BrowserViewControl:)
import com.teamdev.jxbrowser.chromium.javafx.BrowserView;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.TextField;
/**
* Represents FXML control with address bar and view area that
* displays URL entered in the address bar text field.
*/
public class BrowserViewControl implements Initializable {
@FXML
private TextField textField;
@FXML
private BrowserView browserView;
@Override
public void initialize(URL location, ResourceBundle resources) {
browserView.getBrowser().loadURL(textField.getText());
}
public void loadURL(ActionEvent actionEvent) {
browserView.getBrowser().loadURL(textField.getText());
}
}
3) And finally, create an FXMLSample that displays the app GUI with the embedded BrowserView control using FXML:(3)最后,使用FXML创建一个FXMLSample来显示带有嵌入式BrowserView控件的应用程序GUI:)
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
/**
* The sample demonstrates how to embed JavaFX BrowserView
* component into JavaFX app using FXML.
*/
public class FXMLSample extends Application {
public static void main(String[] args) {
Application.launch(FXMLSample.class, args);
}
@Override
public void start(Stage primaryStage) throws Exception {
BorderPane pane = FXMLLoader.load(
FXMLSample.class.getResource("browser-view-control.fxml"));
primaryStage.setTitle("FXMLSample");
primaryStage.setScene(new Scene(pane, 800, 600));
primaryStage.show();
}
}