JavaFX 绘制教程

1. 简介

JavaFX 是一个用于构建富客户端应用程序的框架,它提供了丰富的图形库和用户界面控件。在本教程中,我们将学习如何使用 JavaFX 绘制图形。

2. 绘制流程

下面是使用 JavaFX 绘制图形的基本流程:

步骤 描述
1 创建 JavaFX 应用程序
2 创建画布
3 获取画笔
4 设置画笔属性
5 绘制图形
6 显示图形

3. 代码实现

3.1 创建 JavaFX 应用程序

首先,我们需要创建一个 JavaFX 应用程序的主类。在这个类中,我们将创建画布并进行绘制。以下是一个基本的 JavaFX 应用程序的代码:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class JavaFXDrawingApp extends Application {

    @Override
    public void start(Stage primaryStage) {
        Canvas canvas = new Canvas(400, 400); // 创建画布
        // 设置画布属性和绘制代码

        StackPane root = new StackPane();
        root.getChildren().add(canvas);

        Scene scene = new Scene(root, 800, 800);
        primaryStage.setScene(scene);
        primaryStage.setTitle("JavaFX Drawing App");
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

3.2 创建画布

start() 方法中,我们创建了一个宽度和高度均为 400 像素的画布。你可以根据自己的需求调整画布的大小。代码如下:

Canvas canvas = new Canvas(400, 400);

3.3 获取画笔

在 JavaFX 中,我们使用 GraphicsContext 类来绘制图形。我们需要从画布中获取一个画笔对象,以便后续的绘制操作。代码如下:

GraphicsContext gc = canvas.getGraphicsContext2D();

3.4 设置画笔属性

在绘制图形之前,我们需要设置画笔的属性,如颜色、线宽等。以下是设置画笔属性的示例代码:

gc.setStroke(Color.BLACK); // 设置画笔颜色为黑色
gc.setLineWidth(2); // 设置线宽为 2 像素

3.5 绘制图形

现在我们可以使用画笔对象进行绘制操作。以下是几个常见的绘制操作示例:

  • 绘制直线:
gc.strokeLine(100, 100, 300, 300); // 在坐标 (100, 100) 和 (300, 300) 之间绘制一条直线
  • 绘制矩形:
gc.strokeRect(100, 100, 200, 200); // 绘制一个宽度和高度均为 200 像素的矩形,左上角坐标为 (100, 100)
  • 绘制圆形:
gc.strokeOval(100, 100, 200, 200); // 绘制一个宽度和高度均为 200 像素的圆形,圆心坐标为 (100, 100)

3.6 显示图形

最后,我们需要将画布添加到场景图中,并显示在舞台上。以下是显示图形的代码:

StackPane root = new StackPane();
root.getChildren().add(canvas);

Scene scene = new Scene(root, 800, 800);
primaryStage.setScene(scene);
primaryStage.setTitle("JavaFX Drawing App");
primaryStage.show();

4. 结论

通过本教程,你学会了如何使用 JavaFX 绘制图形。你可以根据自己的需求进行更复杂的图形绘制,例如绘制曲线、多边形等。希望本教程对你有所帮助!