SegmentedControl - support stretching to fit width

[dlemmermann]

I am using the SegmentedControl like this for our application but it took quite some fiddling around to make it behave this way.

As you can see I wanted the control to span the entire width of the parent container.

The code required looks like this:

public class CustomSegmentedControl extends SegmentedControl {

    public CustomSegmentedControl() {
        setMinHeight(Region.USE_PREF_SIZE);
        setMaxWidth(Double.MAX_VALUE);
        getSegments().addListener((Observable it) -> {
            getSegments().forEach(button -> {
                HBox.setHgrow(button, Priority.ALWAYS);
                button.setMaxWidth(Double.MAX_VALUE);
                button.setMinWidth(Region.USE_PREF_SIZE);
                button.setAlignment(Pos.CENTER);
            });
        });

        skinProperty().subscribe(skin -> {
            if (skin != null) {
                HBox labelBox = (HBox) lookup(".labels");
                labelBox.prefWidthProperty().bind(widthProperty());
                HBox.setHgrow(labelBox, Priority.ALWAYS);
            }
        });
    }
}

The skin listener is needed because the HBox that contains the labels is a child of a simple "Pane". If the parent were an HBox I could save that listener. But even then the code requires know-how. Ideally there is a propery or a styling hack that would allow app developers to make it stretch by itself.

[dlemmermann]

I modified the code of SegmentedControlsSkin and changed the type of the rootContainer to StackPane. Now I can get away with less code and better resizing behaviour (before the skin listener was causing a lag when resizing the parent container).

public class CustomSegmentedControl extends SegmentedControl {

    public CustomSegmentedControl() {
        setMaxWidth(Double.MAX_VALUE);
        getSegments().addListener((Observable it) -> {
            getSegments().forEach(button -> {
                HBox.setHgrow(button, Priority.ALWAYS);
                button.setMaxWidth(Double.MAX_VALUE);
                button.setMinWidth(Region.USE_PREF_SIZE);
                button.setAlignment(Pos.CENTER);
            });
        });
    }
}