JavaFXの2D図形で輪郭線の太さを変える！strokeWidthプロパティの使い方

JavaFXにおいて、ストロークの太さ（strokeWidth）プロパティは、図形の境界線（アウトライン）の太さを指定するためのプロパティです。線の色を設定する setStroke() メソッドと組み合わせることで、図形の見た目を自由にカスタマイズできます。

ストロークの太さの設定方法

ストロークの太さを変更するには、javafx.scene.shape.Shape クラスの setStrokeWidth() メソッドを使用します。このメソッドは double 型の値を引数として受け取り、指定された太さで境界線を描画します。

また、引数に何も値を渡さなかった場合、ストロークの太さはデフォルトで 1.0 に設定されます。

サンプルコード

以下の例では、4つの菱形（Polygon）を作成し、それぞれ異なるストロークの太さを設定して違いを比較しています。

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Polygon;
import javafx.scene.text.Font;
import javafx.scene.text.FontPosture;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class StrokeWidthExample extends Application {
    public void start(Stage stage) {
        Font font = Font.font("verdana", FontWeight.BOLD, FontPosture.REGULAR, 12);

        Text label1 = new Text("Original Image");
        label1.setFont(font);
        label1.setX(250.0);
        label1.setY(125.0);

        Polygon rhombus1 = new Polygon(300.0, 0.0, 250.0, 50.0, 300.0, 100.0, 350.0, 50.0);

        Text label2 = new Text("Stroke Width: none");
        label2.setFont(font);
        label2.setX(25.0);
        label2.setY(275.0);

        Polygon rhombus2 = new Polygon(100.0, 150.0, 50.0, 200.0, 100.0, 250.0, 150.0, 200.0);
        rhombus2.setStroke(Color.BLUE);

        Text label3 = new Text("Stroke Width: 3");
        label3.setFont(font);
        label3.setX(250.0);
        label3.setY(275.0);

        Polygon rhombus3 = new Polygon(300.0, 150.0, 250.0, 200.0, 300.0, 250.0, 350.0, 200.0);
        rhombus3.setStroke(Color.BLUE);
        rhombus3.setStrokeWidth(3.0);

        Text label4 = new Text("Stroke Width: 10");
        label4.setFont(font);
        label4.setX(430.0);
        label4.setY(275.0);

        Polygon rhombus4 = new Polygon(490.0, 150.0, 440, 200.0, 490.0, 250.0, 540.0, 200.0);
        rhombus4.setStroke(Color.BLUE);
        rhombus4.setStrokeWidth(10.0);

        // Groupオブジェクトの作成
        Group root = new Group(label1, label2, label3, label4, rhombus1, rhombus2, rhombus3, rhombus4);

        // Sceneオブジェクトの作成
        Scene scene = new Scene(root, 595, 310);

        // Stageにタイトルを設定
        stage.setTitle("Stroke Width");

        // StageにSceneを追加
        stage.setScene(scene);

        // Stageの内容を表示
        stage.show();
    }

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

実行結果

このプログラムをコンパイルして実行すると、以下のようなJavaFXウィンドウが表示されます。

上段には元の菱形が表示され、下段には左から順に「ストロークの太さを指定しない場合（デフォルトの1.0）」「太さを3に設定した場合」「太さを10に設定した場合」の菱形が並んでいます。setStrokeWidth() メソッドに渡す数値が大きくなるほど、青色の境界線が太く描画されていることが確認できます。