JavaFX 是一个用于构建富客户端应用程序的图形用户界面 (GUI) 框架。本教程将带您快速了解 JavaFX 的基础知识，以便开始构建自己的应用程序。
1. 安装 JavaFX
首先，您需要安装 JavaFX。如果您已经安装了 Java SE 11 或更高版本，则无需额外的安装。否则，您需要下载并安装 JavaFX SDK。下载链接：https://gluonhq.com/products/javafx/
2. 创建 JavaFX 应用程序
创建 JavaFX 应用程序的步骤如下：
- 创建一个 Java 项目。
- 添加 JavaFX 库到项目中。
- 创建一个 Java 类，并将其扩展为 Application 类。
- 在 start() 方法中编写应用程序的 GUI 代码。
以下是一个简单的示例：
```
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class MyJavaFXApp extends Application {
@Override
public void start(Stage primaryStage) {
// 创建一个标签
Label label = new Label("Hello, JavaFX!");
// 创建一个 StackPane 布局
StackPane root = new StackPane();
root.getChildren().add(label);
// 创建一个场景
Scene scene = new Scene(root, 300, 250);
// 设置场景到舞台
primaryStage.setScene(scene);
// 设置舞台标题
primaryStage.setTitle("My JavaFX App");
// 显示舞台
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
```
3. 运行 JavaFX 应用程序
要运行 JavaFX 应用程序，您可以在 IDE 中单击“运行”按钮，或者在命令行中使用以下命令：
```
java --module-path /path/to/javafx-sdk-16/lib --add-modules javafx.controls,javafx.fxml MyJavaFXApp
```
其中，`/path/to/javafx-sdk-16/lib` 是 JavaFX SDK 的路径。如果您使用的是其他版本的 JavaFX SDK，则需要修改路径。
4. JavaFX 控件
JavaFX 提供了许多常用的 GUI 控件，例如按钮、标签、文本框、下拉列表框等等。您可以使用这些控件构建自己的用户界面。
以下是一些常用的 JavaFX 控件：
- Button：按钮控件。
- Label：标签控件。
- TextField：文本框控件。
- TextArea：多行文本框控件。
- ChoiceBox：下拉列表框控件。
- CheckBox：复选框控件。
- RadioButton：单选按钮控件。
- ToggleButton：切换按钮控件。
- ComboBox：组合框控件。
使用这些控件的示例代码如下：
```
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.CheckBox;
import javafx.scene.control.ChoiceBox;
import javafx.scene.control.ComboBox;
import javafx.scene.control.Label;
import javafx.scene.control.RadioButton;
import javafx.scene.control.TextArea;
import javafx.scene.control.TextField;
import javafx.scene.control.ToggleButton;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class MyJavaFXApp extends Application {
@Override
public void start(Stage primaryStage) {
// 创建一个标签
Label label = new Label("JavaFX Controls");
// 创建一个文本框
TextField textField = new TextField();
// 创建一个多行文本框
TextArea textArea = new TextArea();
// 创建一个按钮
Button button = new Button("Click Me");
// 创建一个复选框
CheckBox checkBox = new CheckBox("Check Me");
// 创建两个单选按钮
RadioButton radioButton1 = new RadioButton("Option 1");
RadioButton radioButton2 = new RadioButton("Option 2");
// 创建一个切换按钮
ToggleButton toggleButton = new ToggleButton("Toggle Me");
// 创建一个下拉列表框
ChoiceBox<String> choiceBox = new ChoiceBox<>();
choiceBox.getItems().addAll("Option 1", "Option 2", "Option 3");
choiceBox.setValue("Option 1");
// 创建一个组合框
ComboBox<String> comboBox = new ComboBox<>();
comboBox.getItems().addAll("Option 1", "Option 2", "Option 3");
comboBox.setEditable(true);
// 创建一个网格布局
GridPane gridPane = new GridPane();
gridPane.setPadding(new Insets(10));
gridPane.setHgap(10);
gridPane.setVgap(10);
// 将控件添加到网格布局中
gridPane.add(label, 0, 0);
gridPane.add(textField, 1, 0);
gridPane.add(textArea, 0, 1, 2, 1);
gridPane.add(button, 0, 2);
gridPane.add(checkBox, 1, 2);
gridPane.add(radioButton1, 0, 3);
gridPane.add(radioButton2, 1, 3);
gridPane.add(toggleButton, 0, 4);
gridPane.add(choiceBox, 1, 4);
gridPane.add(comboBox, 0, 5, 2, 1);
// 创建一个水平箱布局
HBox hBox = new HBox();
hBox.setPadding(new Insets(10));
hBox.setSpacing(10);
hBox.getChildren().addAll(button, checkBox, radioButton1, radioButton2, toggleButton);
// 创建一个垂直箱布局
VBox vBox = new VBox();
vBox.setPadding(new Insets(10));
vBox.setSpacing(10);
vBox.getChildren().addAll(label, textField, textArea, hBox, choiceBox, comboBox);
// 创建一个场景
Scene scene = new Scene(vBox, 400, 300);
// 设置场景到舞台
primaryStage.setScene(scene);
// 设置舞台标题
primaryStage.setTitle("My JavaFX App");
// 显示舞台
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
```
5. JavaFX 布局
JavaFX 提供了许多常用的布局，例如网格布局、边界布局、流布局等等。您可以使用这些布局来组织自己的用户界面。
以下是一些常用的 JavaFX 布局：
- GridPane：网格布局。
- BorderPane：边界布局。
- HBox：水平箱布局。
- VBox：垂直箱布局。
- FlowPane：流布局。
使用这些布局的示例代码如下：
```
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.FlowPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class MyJavaFXApp extends Application {
@Override
public void start(Stage primaryStage) {
// 创建一个标签
Label label = new Label("JavaFX Layouts");
// 创建一个按钮
Button button = new Button("Click Me");
// 创建一个网格布局
GridPane gridPane = new GridPane();
gridPane.setPadding(new Insets(10));
gridPane.setHgap(10);
gridPane.setVgap(10);
// 将控件添加到网格布局中
gridPane.add(label, 0, 0);
gridPane.add(button, 1, 0);
// 创建一个边界布局
BorderPane borderPane = new BorderPane();
borderPane.setPadding(new Insets(10));
borderPane.setTop(label);
borderPane.setCenter(button);
// 创建一个水平箱布局
HBox hBox = new HBox();
hBox.setPadding(new Insets(10));
hBox.setSpacing(10);
hBox.getChildren().addAll(label, button);
// 创建一个垂直箱布局
VBox vBox = new VBox();
vBox.setPadding(new Insets(10));
vBox.setSpacing(10);
vBox.getChildren().addAll(label, button);
// 创建一个流布局
FlowPane flowPane = new FlowPane();
flowPane.setPadding(new Insets(10));
flowPane.setHgap(10);
flowPane.setVgap(10);
flowPane.getChildren().addAll(label, button);
// 创建一个场景
Scene scene = new Scene(flowPane, 400, 300);
// 设置场景到舞台
primaryStage.setScene(scene);
// 设置舞台标题
primaryStage.setTitle("My JavaFX App");
// 显示舞台
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
```
6. JavaFX 事件处理
JavaFX 提供了许多常用的事件，例如鼠标点击事件、键盘按下事件、窗口关闭事件等等。您可以使用这些事件处理程序来响应用户的操作。
以下是一些常用的 JavaFX 事件：
- MouseEvent：鼠标事件。
- KeyEvent：键盘事件。
- WindowEvent：窗口事件。
- ActionEvent：动作事件。
使用这些事件处理程序的示例代码如下：
```
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class MyJavaFXApp extends Application {
@Override
public void start(Stage primaryStage) {
// 创建一个标签
Label label = new Label("Hello, JavaFX!");
// 创建一个按钮
Button button = new Button("Click Me");
// 创建一个 StackPane 布局
StackPane root = new StackPane();
root.getChildren().addAll(label, button);
// 创建一个场景
Scene scene = new Scene(root, 300, 250);
// 设置按钮的鼠标点击事件处理程序
button.setOnMouseClicked((MouseEvent event) -> {
label.setText("Button Clicked");
});
// 设置窗口关闭事件处理程序
primaryStage.setOnCloseRequest((event) -> {
System.out.println("Window Closed");
});
// 设置场景到舞台
primaryStage.setScene(scene);
// 设置舞台标题
primaryStage.setTitle("My JavaFX App");
// 显示舞台
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
```
以上就是 JavaFX 的快速入门教程。希望可以帮助您了解 JavaFX 的基础知识，并开始构建自己的应用程序。
最低0.47元/天 解锁文章
965
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
