JavaFX笔记(一)

---

前言

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

---

一、JavaFX应用程序结构

      JavaFX应用程序将具有三个主要组件，即Stage, Scene和Nodes ，一般我们双击一个exe程序，等一会回弹出个窗口，这个窗口整个就可以理解为一个Stage，也就是说Stage是一个窗口；窗口顶部一般都有固定的一行里面左边是窗口标题，右边是最小化、最大化的关闭窗口按钮，不要这一行，再不要窗口的边框，剩下的区域就是Scene（场景），结构如下图所示。

1.Stage(应用程序窗口)

      阶段（窗口）包含JavaFX应用程序的所有对象。 它由包javafx.stage的Stage类表示。 主要阶段由平台本身创建。 创建的stage对象作为参数传递给Application类的start()方法，阶段有两个参数确定其位置，即Width和Height 。必须调用show()方法来显示舞台的内容。

2.Scene(场景)

      场景表示JavaFX应用程序的物理内容。 它包含场景图的所有内容。 包javafx.scene的类Scene表示场景对象。

3.Scene Graph(场景图)

      它是构建JavaFX应用的入口。它是一个层级结构的节点树，表示了所有用户界面的视觉元素。在场景图中的一个元素被称为一个节点(Node)。每个节点都有一个ID、样式类和包围盒(bounding volume)。除了根节点之外，在场景图中的所有节点都有一个父节点、0个或多个子节点。

二、IDEA创建JavaFX项目

      1）本文使用的IDES版本为：2021.3，不同版本创建可能有些区别。

      2）选择创建JavaFX项目，需注意的是jdk8里默认自带了JavaFX，本文所使用的的是jdk15，然后点击下一步。

      3）这一看你需求了，没有要求可直接完成。

      4）项目结构如下所示。

      5）右键直接运行，会有一个初始的例子。

三、JavaFX创建一个简单的小案例入门

      1）这里首先希望大家都安装SceneBuilder，JavaFX Scene Builder是一个可视化工具，允许您设计Scene的界面，生成的代码是XML代码保存在*.fxml文件中。很好用，可官网自行下载：

https://www.oracle.com/java/technologies/javafxscenebuilder-1x-archive-downloads.html

      2）打开方式如下所示：

      3）打开后如下所示。

      4）简单了解下。

      5）添加一个锚点面板，可以设置子节点位置，可当成背景布。使用方式就是往中间拽就完事了。

      6）再拽里一个按钮，然后id写上myButton，On Action处写上showDateEime，这两处命名可以根据自己喜好随便写，位置一定要对。

      7）再拽一个文本框，然后id处起个名字。

      8）可以预览一下。

      9）可生成现在视图的代码。

      10）现在可以看看，会发现.fxml文件已经发生了变化。
      11）鼠标左键可以放在children上，然后点击unwrap内个，可以自动优化一下代码，删除不用的。


      12）在FXML的最上层添加fx:controller = “” 指向自己的MainController类（带包名），本次项目中我的控制器的类是HelloController，建项目时默认带的没改。
      13）主文件中的内容。

      14）控制器文件中的内容，本文主张着能删就删，所以没用的代码都删了。。。。

      15）最终效果就是点击ShowDataTime就会出现当前时间。