JavaFX形状-属性 - JavaFX线条 - 《JavaSE 阶段》

JavaFX线条
示例 - 1
示例 - 2

为了在JavaFX场景上渲染图形，我们需要基本的形状和颜色。
Node类是所有JavaFX场景图形节点的基本基类。它提供了转换和应用效果到任何节点的能力。
javafx.scene.shape.Shape类是Node类的子类。所有较旧的JavaFX 2.x Builder中使用，但在JavaFX 8中这个类已弃用。

JavaFX线条

当在JavaFX场景图形上绘制时，使用屏幕坐标空间(系统)渲染线。
屏幕坐标系将(0，0)放在左上角。x坐标沿着x轴移动点。从上到下移动点时，y坐标值增加。
下图显示了右侧的屏幕坐标系。
JavaFX线条 - 图1
在JavaFX中，场景图形对象(如线，圆和矩形)是Shape类的派生类。所有形状对象可以在两个成形区域之间执行几何操作，例如减法，相交和并集。要在JavaFX中绘制线条，我们将使用javafx.scene.shape.Line类。
要创建一个Line对象，我们需要指定一个start(x，y)坐标和一个结束坐标。
在创建线节点时，有两种方法来设置起点和终点。
第一种方法使用具有参数：startX，startY，endX和endY的构造函数。所有参数的数据类型为double。
以下代码使用构造函数创建一个起点(100,10)和终点(10,110)的线条。

Line line = new Line(100, 10,   10,   110);

创建线节点的第二种方法是使用空构造函数来实例化一个Line类，然后使用setter方法设置每个属性。
以下代码显示如何创建一个线对象，并使用setter方法设置线的起点和终点。

Line line = new Line(); 
line.setStartX(100); 
line.setStartY(10); 
line.setEndX(10); 
line.setEndY(110);

在场景图上绘制的线节点默认为1.0的笔触宽度和黑色的笔触颜色。所有形状的笔触颜色为null，这意味着除了Line，Polyline和Path节点之外没有颜色。
要创建不同类型的线条，可以设置继承自父javafx.scene.shape.Shape类的属性。下表显示了可以在一个线条上设置的属性。

属性	数据类型/说明
fill	javafx.scene.paint.Paint - 用于填充形状内的颜色。
smooth	Boolean - true - 表示打开反锯齿，false表示关闭反锯齿。
strokeDashOffset	Double - 将距离设置为虚线模式。
strokeLineCap	javafx.scene.shape.StrokeLineCap - 在线或路径的末尾设置帽样式。有三种风格：1.StrokeLineCap.BUTT 2. StrokeLineCap.ROUND 3. StrokeLineCap.SQUARE
strokeLineJoin	javafx.scene.shape.StrokeLineJoin - 当线相遇时设置装饰。有三种类型：1. StrokeLineJoin.MITER 2. StrokeLineJoin.BEVEL 3. StrokeLineJoin.ROUND
strokeMiterLimit	Double - 设置斜角连接的限制以及斜角连接装饰StrokeLineJoin.MITER。
stroke	javafx.scene.paint.Paint - 设置形状的笔划线的颜色。
strokeType	javafx.scene.shape.StrokeType - 设置在Shape节点的边界周围绘制描边的位置。有三种类型： 1. StrokeType.CENTERED 2. StrokeType.INSIDE 3. StrokeType.OUTSIDE
strokeWidth	Double - 设置线的宽度。

示例 - 1

以下代码创建一个Line对象，并使用setter方法设置开始和结束坐标。

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.scene.shape.Line;
import javafx.stage.Stage;
public class Main extends Application {
    @Override
    public void start(Stage stage) {
        Group group = new Group();
        final Scene scene = new Scene(group,300, 250);
        scene.setFill(null);
        Line line = new Line();
        //startX/Y 起始位置
        line.setStartX(10.0f);
        line.setStartY(10.0f);
        //endX/Y 结束位置
        line.setEndX(150.0f);
        line.setEndY(100.0f);
        group.getChildren().add(line);
        stage.setScene(scene);
        stage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}

上面的代码生成以下结果。

示例 - 2

以下代码设置更多的线属性，包括笔触颜色，笔触宽度和线帽。之后，它还设置了线的破折号样式。

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Line;
import javafx.scene.shape.StrokeLineCap;
import javafx.stage.Stage;
public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("Drawing Lines");
        Group root = new Group();
        Scene scene = new Scene(root, 300, 150, Color.GRAY);
        Line redLine = new Line(10, 10, 200, 10);
        redLine.setStroke(Color.RED);
        redLine.setStrokeWidth(10);
        redLine.setStrokeLineCap(StrokeLineCap.BUTT);
        redLine.getStrokeDashArray().addAll(15d, 5d, 15d, 15d, 20d);
        redLine.setStrokeDashOffset(10);
        root.getChildren().add(redLine);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}

上面的代码生成以下结果。