(翻译)第七回 JavaFX2.0和Swing的集成

原文地址http://download.oracle.com/javafx/2.0/swing/jfxpub-swing.htm

 

JavaFX 2.0 发布版引入了JFXPanel类，它位于 javafx.embed.swing 包中，使你能够将JavaFX内容绑定进Swing 程序。

本文教你怎么将JavaFX内容加进Swing 程序中并指导你如何在一个同时具备Swing 和JavaFX 的应用中正确使用线程。

 

添加JavaFX到Swing组件

 要达到本文的目的，你要创建一个JFrame 组件，并添加一个JFXPanel 对象，JFXPanel组件的图形场景要包含JavaFX 内容。

和所有的Swing程序一样，你要在 Event Dispatch Thread (事件调度线程EDT)上创建图形用户接口(GUI) 。Example 1 展示了initAndShowGUI 方法，它创建了一个JFrame 组件并添加了JFXPanel 对象。创建JFXPanel 类的实例会在后台开始JavaFX 运行时。GUI 创建后，调用initFX 方法在JavaFX线程上创建JavaFX场景。

 

Example 1

public class Test {

    private static void initAndShowGUI() {
        // This method is invoked on the EDT thread
        JFrame frame = new JFrame("FX");
        final JFXPanel fxPanel = new JFXPanel();
        frame.add(fxPanel);
        frame.setVisible(true);

        Platform.runLater(new Runnable() {
            @Override
            public void run() {
            initFX(fxPanel);
            }
       });
    }

    private static void initFX(JFXPanel fxPanel) {
        // This method is invoked on the JavaFX thread
        Scene scene = createScene();
        fxPanel.setScene(scene);
    }

    private static Scene createScene() {
        //Code to create the JavaFX scene
    }
    
    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
            initAndShowGUI();
            }
        });
    }
}

 

 

JavaFX-Swing的互操作性和线程

由于JavaFX和Swing的数据存在与一个程序中，你可能遇到以下互操作的情况:

• 一个JavaFX的数据改变是由Swing的数据改变引起的.

• 反之.

改变JavaFX的数据来回应Swing数据的改变

记住JavaFX的数据只能通过javaFX用户线程访问。不论何时要改变JavaFX 数据都要把你的代码用一个Runnable 对象包围起来并调用Platform.runLater 方法。见Example 2 .

Example 2

jbutton.addActionListener(new ActionListener() { 
    public void actionPerformed(ActionEvent e) { 
        Platform.runLater(new Runnable() { 
            @Override
            public void run() {
                fxlabel.setText("Swing button clicked!"); 
            }
        });
    }
});

改变Swing数据来回应JavaFX 数据的改变

记住Swing数据的改变要通过EDT。确保你的代码实现了EDT,把它用Runnable 对象环绕并调用SwingUtilities.invokeLater 方法。见Example 3 .

Example 3

SwingUtilities.invokeLater(new Runnable() {
    @Override
    public void run() {
        //Code to change Swing data.
    }
});

SwingBrowser2: 一个集成了JavaFX组件的Swing应用

通过SwingBrowser2 可以看到 Swing - JavaFX是怎么互操作的，它为浏览器提供了常用的基本功能。你可以在它的地址栏中键入一个URL 来查看应用窗口加载的页面。你可以通过点页面链接去到新页面、返回前一页、打开标签页、加入书签、全页面检索。 Figure 1是该应用的窗口。

Figure 1 The SwingBrowser2 application window

Description of "Figure 1 The SwingBrowser2 application window"

初始化Swing数据

你可以从一个NB工程中的侧边栏点链接来下载swingbrowser2.zip 文件。解压到本地并从Netbeans IDE中运行为工程。确保你的NetBeans IDE版本是支持的。

 SwingBrowser2打开后，它的GUI创建就在 EDT上。通过边栏的链接查看 Main.java 文件。

应用的顶层窗口是一个 JFrame 组件，包含了很多Swing 组件，比如一个tabbed面板，一个menu，几个text field、button，还有一个要显示JavaFX内容的JFX 面板。

加载 JavaFX内容

刚开始运行，JFX面板包含一个空的WebView 对象。当在地址栏输入一个URL后， AddressBar.java中的 action listener 就开始加载页面。代码见Example 4 .

Example 4

txtURL.addActionListener(new ActionListener() {
    @Override public void actionPerformed(ActionEvent e) {
        browser.load(txtURL.getText());
    }
});

Browser.java文件中的load 方法验证URL并调用call方法，见 Example 5 .

Example 5

public void load(String str) {
    if (str != null {
        str = str.trim();

        if (str.isEmpty()) return;

        String url = toURL(str);
        if (url == null) {
            url = toURL("http://" + str);
        }
        if (url != null) {
        Platform.runLater (new Runnable() {
            @Override
            public void run () {
     
        call(url);
        }
    }
}

private static String toURL(String str) {
    try {
        return new URL(str).toExternalForm();
    } catch (MalformedURLException exception) {
        return null;
    }
}

JavaFX数据应该只能在JavaFX线程上访问。call方法验证了线程并确保特点URL的页面被加载在 JavaFX线程上。Callback.java 文件中有完整代码。Example 6 是表明了实现方案的代码块。

Example 6

public final void call(final String value) {
    if (Platform.isFXApplicationThread()) {
        callImpl(value);
    }
    else {
        Platform.runLater(new Runnable() {
            @Override public void run() {
                callImpl(value);
            }
        });
    }
}

protected void callImpl(String value) {
    getEngine().load(value);
}

更新Swing数据

当 WebView 组件加载了新页面后，页面标题就从JavaFX数据中取回并传递给Swing GUI。然后页面标题就显示在标签页上并加入应用标题。 TabbedBrowser.java 中有完整代码。Example 7 是表明了实现方案的代码块。

Example 7

public WebPane addNewTab(final String url, boolean selected) {
    ...
    final WebPane wp = new WebPane(url);

    wp.getBrowser().getEngine().titleProperty().addListener(
new javafx.beans.value.ChangeListener<String>() {
        @Override
        public void changed(ObservableValue<? extends String> observable, 
String oldValue, final String title) {
            EventQueue.invokeLater(new Runnable() {
                @Override public void run() {
                    setTitleAt(indexOfComponent(wp), title);
                    setToolTipTextAt(indexOfComponent(wp), title);

                    if (getSelectedComponent() == wp) {
                    setWindowTitle(title);
                    }
                }
            )};
        }
    )};
}

想了解怎么部署二者的整合应用，到 Deploying JavaFX Applications 查看。

评论

4 楼 somefuture 2011-11-27  

nizhenyuan 写道

somefuture 写道

nizhenyuan 写道

请问一下怎样将javaFX2.0在web页面上显示？多谢~如果可以，发到我的邮箱也可以[e-mail]

你好，如果使用NB的话（也推荐使用这个），项目生成后会自动出现jar，html和jnlp。其中html就是在页面显示的。
Open Project Properties to specify preferred dimensions for your application scene. Enter 800 for width and 600 for height if you use the Colorful Circles example. Then build the project with Clean and Build. Your application package is generated to the dist folder. Open it in Windows Explorer and try double-clicking on the HTML, JNLP, or JAR 。docs.oracle.com/javafx/2.0/deployment/deploy_quick_start.htm#BABJCFHC

你好！我用的是NB7.1  但我的Colorful Circles application没有生成您所说的jar，html和jnlp啊，javaF2.0会自动生成这3个文件吗？您是在哪找到这三个文件的啊？

你好，请按照本文一试。http://somefuture.iteye.com/blog/1276827

3 楼 nizhenyuan 2011-11-25  

somefuture 写道

nizhenyuan 写道

请问一下怎样将javaFX2.0在web页面上显示？多谢~如果可以，发到我的邮箱也可以[e-mail]

你好，如果使用NB的话（也推荐使用这个），项目生成后会自动出现jar，html和jnlp。其中html就是在页面显示的。
Open Project Properties to specify preferred dimensions for your application scene. Enter 800 for width and 600 for height if you use the Colorful Circles example. Then build the project with Clean and Build. Your application package is generated to the dist folder. Open it in Windows Explorer and try double-clicking on the HTML, JNLP, or JAR 。docs.oracle.com/javafx/2.0/deployment/deploy_quick_start.htm#BABJCFHC

你好！我用的是NB7.1  但我的Colorful Circles application没有生成您所说的jar，html和jnlp啊，javaF2.0会自动生成这3个文件吗？您是在哪找到这三个文件的啊？

2 楼 somefuture 2011-11-24  

nizhenyuan 写道

请问一下怎样将javaFX2.0在web页面上显示？多谢~如果可以，发到我的邮箱也可以[e-mail]

你好，如果使用NB的话（也推荐使用这个），项目生成后会自动出现jar，html和jnlp。其中html就是在页面显示的。
Open Project Properties to specify preferred dimensions for your application scene. Enter 800 for width and 600 for height if you use the Colorful Circles example. Then build the project with Clean and Build. Your application package is generated to the dist folder. Open it in Windows Explorer and try double-clicking on the HTML, JNLP, or JAR 。docs.oracle.com/javafx/2.0/deployment/deploy_quick_start.htm#BABJCFHC

1 楼 nizhenyuan 2011-11-24  

请问一下怎样将javaFX2.0在web页面上显示？多谢~如果可以，发到我的邮箱也可以[e-mail]