JavaFX入门（一）：我的第一个JavaFX程序

Dear 丶 2022-08-17 15:17 218阅读 0赞

# JavaFX简介 #

JavaFX是一个强大的图形和多媒体处理工具包集合，它允许开发者来设计、创建、测试、调试和部署富客户端程序，并且和Java一样跨平台。

## JavaFX发展历史 ##

2008年12月05日 Sun微系统公司今天正式发布了基于Java语言的平台JavaFX 1.0。因为当时富互联网应用（RIA，Rich Internet Application）正火，具有代表性的有：Adobe公司的Flex，微软的Silverlight和Oracle的JavaFX，还有HTML5+CSS3+JavaScript组合。感觉当时Oracle推出JavaFX主要是为了和Adobe的Flex和微软的Silverlight竞争。当然，随着HTML5的盛行，在RIA开发上这三者都慢慢地退出了历史舞台。HTML+CSS+JS有了一统天下的趋势。所以后来，Flex捐赠给了Apache，成为旗下的一个开源项目，Silverlight停止了更新。其实，个人挺喜欢Silverlight技术的。JavaFX 1.0的时候开发者需使用一种名为JavaFX Script的静态的、声明式的编程语言来开发JavaFX应用程序。因为JavaFX Script将会被编译为Java字节码，程序员可以使用Java代码代替。  
JavaFX不用于开发RIA了，但是JavaFX还可以用来开发桌面程序以及移动设备上的程序。但是貌似开发移动应用，各个平台都有自己的SDK，比如开发Android和ISO应用都会使用原生地API，应该很少有人会使用像JavaFX或者QT这种第三方的技术吧（个人见解）！所以，JavaFX剩下的能使用的地方就是桌面应用程序了！JavaFX 2.0之后的版本摒弃了JavaFX Script语言，而作为一个Java API来使用。因此使用JavaFX平台实现的应用程序将直接通过标准Java代码来实现。而且从JDK 7u6 开始，JavaFX被内置到Java SE中，原来如果要开发JavaFX程序，需要单独下载JavaFX的SDK，但是现在不需要了。  
从Java8开始，JavaFX的版本也更新为JavaFX8。现在的JavaFX主要由原来Java Swing工作组进行维护，由于JavaFX的种种优点，在Java桌面开发方面JavaFX会慢慢取代原来的Java Swing。我觉得现在的JavaFX和微软的WPF比较像，JavaFX现在的竞争对手应该是用于桌面开发WPF。WPF是一门很赞的技术，自定义控件可以将程序打造得很惊艳。Windows7中的Windows Media Center就是使用WPF技术开发的。而且WPF已经推出多年，较JavaFX更加成熟。但是JavaFX有跨平台的优势！  
不过话说回来，以后桌面开发肯定会越来越少，更多的是移动App开发和Web程序开发。但是，在可预见的未来，桌面开发肯定不会消亡。

## JavaFX特点 ##

官方对于JavaFX的解释如下：  
[JavaFX Overview][]  
[JAVAFX概览][JAVAFX]  
我个人主要觉得有一下几点：  
1. JavaFX是一个Java库，包括用Java写成的类和接口。所以使用JavaFX写的程序可以跨平台运行。而且现在大量成熟的Java库都可以为JavaFX所使用。  
2. 内置大量UI控件和CSS支持。层级样式表（CSS）将外观和样式与业务逻辑实现进行了分离。图形设计师可以使用FXML语言（一种XML语言）来表述图形界面，使用CSS来定制程序的外观和样式。程序员可以使用Java代码来表述业务逻辑。  
3. 内置Canvas API以及特效，动画等可以让你制作出类似Flash的程序。  
3. 本身提供对三维图形的支持，而且支持硬件加速。  
4. 还有就是类似WPF的属性绑定。  
5. 此外，JavaFX中还可以放置Java Swing组件，支持WebView即使用HTML编写的页面。  
当然还有很多，这里我只说了我了解到的一些特性。具体可参看上面给出的官方链接中的描述。

## JavaFX架构 ##

这是Oracle官方对JavaFX框架架构的一个描述，大概了解下，看不懂关系不大。参考文献：[Understanding the JavaFX Architecture][]  
![JavaFX][]  
具体在用户看来，一个JavaFX程序应该是这样子的：一个Stage，Stage中包含一个Scene，一个Scene中可以包含多个Control。这里的Stage就相当于我们的一个Windows或者说窗体，然后窗体中是用来容纳内容的Scene，我们可以在Scene中添加我们的布局控件，UI控件形成我们最终的UI界面。

# JavaFX版HelloWorld #

## HelloWorld程序 ##

下面以一个简单的程序说明怎么开发JavaFX程序。因为Java8内置了JavaFX，所以你如果安装的是JDK8，不需要额外的配置，就可以直接开发JavaFX程序。  
我们打开Eclipse，新建一个Java Project。对，就是一个普通的Java工程。然后新建一个类，该类需要继承javafx.application.Application类。然后编写代码。下面的程序实现这样一个功能：点击Button的时候，改变Button的内容。。

package cn.tzy.javafx.hello;
    
    import javafx.application.Application;
    import javafx.scene.Scene;
    import javafx.scene.control.Button;
    import javafx.scene.layout.BorderPane;
    import javafx.stage.Stage;
    
    public class HelloApplication extends Application { 
    
        @Override
        public void start(Stage primaryStage) throws Exception {
            /** * 首先我们创建一个Button，当我们点击Button的时候，改变Button的内容。 */
    
            Button btnHello = new Button("Hello");
            /** * 设置btnHello按钮点击事件 * 这里使用了Java8的Lambda表达式。setOnAction的参数为EventHandler<ActionEvent> value * EventHandler为一个接口，所以我们有三种方式实现EventHandler接口： * 1. 创建一个内部类 * 2. 创建一个匿名类 * 3. 使用Lambda表达式（适用于函数体不大的情况） */
            btnHello.setOnAction(event->{
                btnHello.setText("Hello World, I am JavaFX!");
            });
    
            /** * BorderPane是一个用于布局的Pane，BoerderPane将面板分割为上下左右中五部分。 * 我们可以将UI控件放置在BorderPane的上下左右和中间。 * 这里将将Button放置在中间。 */
            BorderPane pane = new BorderPane();
            pane.setCenter(btnHello);
    
            // 将pane加入到Scen中
            Scene scene = new Scene(pane, 500, 500);
    
            // 设置stage的scen，然后显示我们的stage
            primaryStage.setScene(scene);
            primaryStage.setTitle("Hello World");
            primaryStage.show();
    
        }
    
        public static void main(String[] args) {
            // JavaFX中main函数必须需要调用launch函数
            launch(args);
        }
    
    }

运行结果如下：  
![Hello JavaFX][]

## HelloWorld程序说明 ##

1.  所有的JavaFX主程序都需要继承Application类。
2.  继承了Application类的子类必须重写start方法。start方法中可以进行UI控件的布局。当JavaFX程序启动的时候，会自动调用start方法。
3.  mian函数中必须调用launch方法，该方法会启动JavaFX程序。
4.  JavaFX程序用户界面的顶层是stage，代表窗体。stage中是scene，scene中可以包含各种UI控件和布局控件，共同组成用户UI。  
    当然，这只是一个入门的JavaFX程序，还看不出JavaFX技术的优点。

这一节我们用纯Java代码写了一个很简单的JavaFXML程序，下一节：[JavaFX入门（二）：JavaFX和FXML ][JavaFX_JavaFX_FXML]中我们使用FXML编写程序界面，然后用Java书写后台逻辑实现这一节中相同的功能。

[JavaFX Overview]: http://docs.oracle.com/javase/8/javafx/get-started-tutorial/jfx-overview.htm#JFXST784
[JAVAFX]: http://www.javafxchina.net/blog/2015/06/doc01_overview/
[Understanding the JavaFX Architecture]: http://docs.oracle.com/javase/8/javafx/get-started-tutorial/jfx-architecture.htm#JFXST788
[JavaFX]: /images/20220731/2c137655bb774fc3ac6c37da44b319e1.png
[Hello JavaFX]: /images/20220731/a6407d7d960345609e5b7cfd11e359e2.png
[JavaFX_JavaFX_FXML]: http://blog.csdn.net/theonegis/article/details/50181339

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaFX 程序启动顺序

JavaFX 运行时会创建多个线程处理程序，不同线程在程序的不同阶段处理不同任务。JavaFX 在程序运行阶段主要有以下四个方法： The no-args construct

悠悠/ 2023年10月12日 13:34/ 0 赞/ 38 阅读

相关 JavaFX的一次记录

因为java课程设计的缘故，第一次接触了javaFX，虽然并不是经常用到的知识，但是还是感觉记录一下比较好。因为当时确实因为各种各样的东西耽误了很多时间。我只是浅

缺乏、安全感/ 2023年06月27日 03:41/ 0 赞/ 40 阅读

相关 JavaFX入门（四）：JavaFX布局（一）

说道GUI编程一定要谈到布局，JavaFX内置了大量的布局控件提供给我们使用。其实，JavaFX的布局控件和界面元素控件都是继承自javafx.scene.layout.Reg

淩亂°似流年/ 2022年08月18日 02:17/ 0 赞/ 451 阅读

相关 JavaFX入门（二）：JavaFX和FXML

在我的JavaFXML系列博客第一篇《[JavaFX入门（一）：我的第一个JavaFX程序][JavaFX_JavaFX] 》中我们用纯Java代码写了一个很简单的JavaFX

不念不忘少年蓝@/ 2022年08月18日 02:15/ 0 赞/ 408 阅读

相关 JavaFX入门（一）：我的第一个JavaFX程序

JavaFX简介 JavaFX是一个强大的图形和多媒体处理工具包集合，它允许开发者来设计、创建、测试、调试和部署富客户端程序，并且和Java一样跨平台。 JavaFX

Dear 丶/ 2022年08月17日 15:17/ 0 赞/ 219 阅读

相关 JavaFX入门（三）：使用Eclipse开发JavaFX程序

JavaFX有着WPF类似的炫酷，但是由于WPF不是跨平台的，所以最近看了看JavaFX。下面是使用Eclipse进行开发的环境配置。 1. 首先确保你的Windows上安装

青旅半醒/ 2022年08月17日 13:27/ 0 赞/ 334 阅读

相关 JavaFx创建程序的步骤

1. 显示窗体 2. 创建场景 3. 创建布局 4. 添加控件简单点说就是：控件放入布局，布局放入场景，场景显示到窗体中 JavaFx主要有哪些布局请参考：[Ja

川长思鸟来/ 2022年05月19日 10:27/ 0 赞/ 258 阅读

相关 javaFX创建一个弹出窗口

Creating a Pop-Up Window in JavaFX 如果你读过我发布的关于在javaFX中如何切换场景的文章，你应该注意到在程序运行的整个期间, 只有

拼搏现实的明天。/ 2022年05月14日 14:39/ 0 赞/ 468 阅读

相关【JavaFx教程】第一部分：Scene Builder

![Screenshot AddressApp Part 1][] 第一部分的主题开始了解 JavaFX 。创建并运行一个 JavaFX 项目。

叁歲伎倆/ 2022年05月10日 09:12/ 0 赞/ 576 阅读

相关 JavaFX布局（一）

说道GUI编程一定要谈到布局，JavaFX内置了大量的布局控件提供给我们使用。其实，JavaFX的布局控件和界面元素控件都是继承自javafx.scene.layout.Reg

- 日理万妓/ 2022年05月10日 08:38/ 0 赞/ 451 阅读