如何在JavaFX中绘制几何2D形状？-猿码集

1. 简介

JavaFX是Java平台上的一个用于构建Rich Internet Applications（RIA）的框架。它提供了丰富的UI库和内置的图形渲染引擎，使开发人员可以轻松地创建用户友好的界面和高质量的图形效果。在JavaFX中，我们可以使用Canvas类和GraphicsContext对象绘制各种2D图形，包括直线、圆形、矩形、椭圆等。在本文中，我们将学习如何使用JavaFX绘制几何2D形状。

2. 创建JavaFX应用

2.1 必要的依赖库

在开始编写JavaFX代码之前，我们需要确保正确设置了以下依赖库：

JavaFX SDK (11+) - 用于提供JavaFX库和API

JDK11 - JDK11或以上版本

JavaFX插件 - (可选) 用于与Eclipse、IntelliJ IDEA等IDE集成并使用JavaFX Scene Builder

2.2 新建JavaFX应用

首先，我们需要创建一个JavaFX应用程序。我们可以使用Eclipse或IntelliJ IDEA等IDE快速创建JavaFX项目。下面是在Eclipse中创建JavaFX项目的步骤：

打开Eclipse，并选择File->New->Project

在New Project对话框中，选择JavaFX Project类型，并输入项目名称，然后单击Next

在JavaFX SDK配置对话框中，选择路径和版本，并单击Finish

2.3 JavaFX应用代码

以下是一个简单的JavaFX应用程序代码：


import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.stage.Stage;
public class MyApplication extends Application {
   public static void main(String[] args) {
      launch(args);
   }
   @Override
   public void start(Stage primaryStage) {
      //创建Canvas对象
      Canvas canvas = new Canvas(500, 500);
      //获取GraphicsContext对象
      GraphicsContext gc = canvas.getGraphicsContext2D();
      //在画布上绘制2D图形
      gc.strokeLine(0, 0, 500, 500);
      //将Canvas添加到Group中
      Group root = new Group();
      root.getChildren().add(canvas);
      
      //创建场景
      Scene scene = new Scene(root, 500, 500);
      //将场景添加到舞台
      primaryStage.setScene(scene);
      primaryStage.show();
   }
}

3. 绘制几何2D形状

3.1 绘制直线

要在JavaFX中绘制直线，我们可以使用GraphicsContext的strokeLine方法。此方法接受四个参数，即起点坐标和终点坐标。下面是一个简单的例子，显示如何在JavaFX中绘制一条红色直线：


//获取GraphicsContext对象
GraphicsContext gc = canvas.getGraphicsContext2D();
//设置线条颜色
gc.setStroke(Color.RED);
//设置线条宽度
gc.setLineWidth(2);
//绘制直线
gc.strokeLine(0, 0, 200, 200);

3.2 绘制圆形

要在JavaFX中绘制圆，我们可以使用GraphicsContext的strokeOval方法。此方法接受四个参数，表示椭圆的左上角坐标、宽度和高度。下面是一个简单的例子，显示如何在JavaFX中绘制一个蓝色圆形：


//获取GraphicsContext对象
GraphicsContext gc = canvas.getGraphicsContext2D();
//设置填充颜色
gc.setFill(Color.BLUE);
//绘制圆形
gc.strokeOval(50, 50, 200, 200);

3.3 绘制矩形

要在JavaFX中绘制矩形，我们可以使用GraphicsContext的strokeRect方法。此方法接受四个参数，表示矩形的左上角坐标、宽度和高度。下面是一个简单的例子，显示如何在JavaFX中绘制一个绿色矩形：


//获取GraphicsContext对象
GraphicsContext gc = canvas.getGraphicsContext2D();
//设置填充颜色
gc.setFill(Color.GREEN);
//绘制矩形
gc.strokeRect(50, 50, 200, 200);

3.4 绘制椭圆

要在JavaFX中绘制椭圆，我们可以使用GraphicsContext的strokeOval方法。与绘制圆形类似，此方法接受四个参数，表示椭圆的左上角坐标、宽度和高度。下面是一个简单的例子，显示如何在JavaFX中绘制一个紫色椭圆：


//获取GraphicsContext对象
GraphicsContext gc = canvas.getGraphicsContext2D();
//设置填充颜色
gc.setFill(Color.PURPLE);
//绘制椭圆
gc.strokeOval(50, 50, 200, 100);

3.5 绘制弧线

要在JavaFX中绘制弧线，我们可以使用GraphicsContext的strokeArc方法。此方法接受六个参数，分别是椭圆的左上角坐标、宽度、高度、开始角度和弧线的角度。下面是一个简单的例子，显示如何在JavaFX中绘制一个褐色弧线：


//获取GraphicsContext对象
GraphicsContext gc = canvas.getGraphicsContext2D();
//设置填充颜色
gc.setStroke(Color.BROWN);
//设置线条宽度
gc.setLineWidth(2);
//绘制弧线
gc.strokeArc(50, 50, 200, 200, 45, 90, ArcType.OPEN);

3.6 绘制多边形

要在JavaFX中绘制多边形，我们可以使用GraphicsContext的strokePolygon方法。此方法接受两个数组作为参数，分别表示多边形顶点的x坐标和y坐标。下面是一个简单的例子，显示如何在JavaFX中绘制一个橙色多边形：


//获取GraphicsContext对象
GraphicsContext gc = canvas.getGraphicsContext2D();
//设置填充颜色
gc.setFill(Color.ORANGE);
//定义多边形顶点
double[] xPoints = {50, 150, 250, 350, 450};
double[] yPoints = {250, 50, 150, 350, 250};
//绘制多边形
gc.strokePolygon(xPoints, yPoints, 5);

4. 结论

JavaFX提供了一种简单而强大的方法来绘制2D几何形状。通过使用Canvas类和GraphicsContext对象，开发人员可以轻松地绘制直线、圆形、矩形、椭圆、弧线和多边形等各种几何形状。本文提供了一些简单的例子，帮助读者了解JavaFX中绘制几何2D形状的基础知识。

如何在JavaFX中绘制几何2D形状？