รูปทรง 2D ต่างๆ ที่ JavaFX จัดเตรียมไว้

ต่อไปนี้คือรูปทรงเรขาคณิตต่างๆ ที่คุณสามารถวาดได้ด้วย JavaFX:

• Line - เส้นเชื่อม 2 จุด คลาส javafx.scene.shape.Line แทนเส้นใน XY plane
• Rectangle - รูปสี่เหลี่ยม 4 ด้าน มีคู่ด้านขนานและตรงข้าม มุมภายในเป็นมุมฉาก คลาส Rectangle แทนสี่เหลี่ยมใน XY plane
• Circle - วงกลมเป็นเส้นปิดทุกจุดห่างจากจุดกลางเท่ากัน คลาส Circle แทนวงกลมใน XY plane
• Ellipse - วงรีกำหนดโดย 2 จุดโฟกัส ผลรวมระยะทางจากจุดใดบนวงรีไปยังโฟกัสทั้งสองคงที่ คลาส Ellipse แทนวงรีใน XY plane
• Polygon - รูปปิดประกอบด้วยเส้น coplanar หลายเส้นต่อกันปลายถึงปลาย คลาส Polygon แทนรูปหลายเหลี่ยมใน XY plane
• Polyline - เหมือน polygon แต่ไม่ปิดท้าย หรือเส้นต่อเนื่องหลายส่วน คลาส Polyline แทน polyline ใน XY plane
• Cubic Curve - Cubic curve เป็น Bezier parametric curve ใน XY plane ระดับ 3 คลาส CubicCurve แทน cubic curve ใน XY plane
• QuadCurve - Quadratic curve เป็น Bezier parametric curve ใน XY plane ระดับ 2 คลาส QuadCurve แทน quad curve ใน XY plane
• Arc - ส่วนของโค้ง คลาส Arc แทน arc ใน XY plane

ขั้นตอนสร้างรูปทรงที่ต้องการ:

• สร้างอินสแตนซ์คลาสที่เกี่ยวข้อง
• ตั้งค่าคุณสมบัติ
• เพิ่มออบเจ็กต์ที่สร้างเข้าไปใน Group

ตัวอย่าง

ตัวอย่าง JavaFX ต่อไปนี้สาธิตการสร้างรูปทรง 2D ทั้งหมดที่มี:

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.shape.Arc;
import javafx.scene.shape.ArcType;
import javafx.scene.shape.Circle;
import javafx.scene.shape.CubicCurve;
import javafx.scene.shape.Ellipse;
import javafx.scene.shape.Line;
import javafx.scene.shape.Polygon;
import javafx.scene.shape.Polyline;
import javafx.scene.shape.QuadCurve;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Font;
import javafx.scene.text.FontPosture;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;

public class JavaFXShapes extends Application {
    public void start(Stage stage) {
        Font font = Font.font("verdana", FontWeight.BOLD, FontPosture.REGULAR, 12);
        Text cirText = new Text("Circle");
        cirText.setFont(font);
        cirText.setX(50);
        cirText.setY(130);
        Text rectText = new Text("Rectangle");
        rectText.setFont(font);
        rectText.setX(170);
        rectText.setY(130);
        Text ellipseText = new Text("Ellipse");
        ellipseText.setFont(font);
        ellipseText.setX(310);
        ellipseText.setY(130);
        Text polyText = new Text("Polygon");
        polyText.setFont(font);
        polyText.setX(425);
        polyText.setY(130);
        Text lineText = new Text("Line");
        lineText.setFont(font);
        lineText.setX(530);
        lineText.setY(130);
        Text polyLineText = new Text("Poly Line");
        polyLineText.setFont(font);
        polyLineText.setX(40);
        polyLineText.setY(260);
        Text cubicCurveText = new Text("Cubic Curve");
        cubicCurveText.setFont(font);
        cubicCurveText.setX(140);
        cubicCurveText.setY(260);
        Text quadCurveText = new Text("Quad Curve");
        quadCurveText.setFont(font);
        quadCurveText.setX(340);
        quadCurveText.setY(260);
        Text arcText = new Text("Arc");
        arcText.setFont(font);
        arcText.setX(490);
        arcText.setY(260);

        // วาด Circle
        Circle circle = new Circle(75.0f, 65.0f, 40.0f);
        // วาด Rectangle
        Rectangle rect = new Rectangle(150, 30, 100, 65);
        // วาด Ellipse
        Ellipse ellipse = new Ellipse(330, 60, 60, 35);
        // วาด Polygon
        Polygon poly = new Polygon(410, 60, 430, 30, 470, 30, 490, 60, 470, 100, 430, 100);
        // วาด Line
        Line line = new Line(540, 30, 540, 90);
        line.setStrokeWidth(5.0);
        // วาด Polyline
        Polyline polyLine = new Polyline(25, 210, 100, 210, 50, 180, 50, 230);
        polyLine.setStrokeWidth(5.0);
        // วาด Cubic Curve
        CubicCurve cubicCurve = new CubicCurve(150.0, 210.0, 200.0, 70.0, 200.0, 290.0, 270.0, 210.0);
        // วาด Quad Curve
        QuadCurve quadCurve = new QuadCurve(400.0, 200.0, 440.0, 250.0, 330.0, 170.0);
        // วาด Arc
        Arc arc = new Arc(490, 240, 50, 80, 30, 70);
        arc.setType(ArcType.ROUND);

        // ตั้งค่า Stage
        Group root = new Group(
            circle, ellipse, rect, poly, line,
            polyLine, cubicCurve, quadCurve, arc,
            cirText, rectText, ellipseText, polyText, lineText,
            polyLineText, cubicCurveText, quadCurveText, arcText
        );
        Scene scene = new Scene(root, 600, 300);
        stage.setTitle("2D shapes Example");
        stage.setScene(scene);
        stage.show();
    }
    public static void main(String args[]){
        launch(args);
    }
}

ผลลัพธ์