How can I create a semicircular button in JavaFx?

Question

I tried using methods suggested on this link but the semicircles just didn't look like a semicircle; Is there a better way?

Answer 1

Using the -fx-shape property of Region (see CSS Reference ) you can create a semicircular shaped Button .

button.setStyle(
        "-fx-shape:\"M0 0A1,1 0 0 0 2,0Z\";"

        // ensure x/y-scaling of shape will be 1:1
        + "-fx-min-height: 100;"
        + "-fx-min-width: 200;"
        + "-fx-max-height: 100;"
        + "-fx-max-width: 200;"
);