JavaFX - 带分隔符的切换按钮

Question

Java FX Scen Builder包含一个特殊形式的切换按钮。几个按钮在视觉上连接并由一条小垂直线分开：

我想知道这是怎么做到的。有人有什么想法吗？

Answer 1

HBox ToggleButton ToggleGroup全部具有相同的example with source code和自定义css。

在Ensemble示例应用程序中有一个{{3}}显示类似的控制组（Ensemble称为Pill按钮）。我认为Ensemble示例源许可证是BSD，因此您应该可以在您的应用程序中使用它。转到Ensemble，在Ensemble示例应用程序中搜索Pill，单击Pill Button示例中的“ Save NetBeans Project ... ”按钮，然后在NetBeans中打开生成的项目，完整代码，css和支持的图像文件将包含在项目中。

Answer 2

作为自定义CSS的一种更简单的替代方法，Controls FX project提供了分段按钮控件，允许按OP方式直观地分组按钮。

它是BSD许可的，所以我想在大多数情况下使用是安全的。该库还有许多其他有用且设计良好的控件。

分段按钮如下所示：

非常直接使用：

ToggleButton tb1 = new Button("Red");
ToggleButton tb1 = new Button("Green");
ToggleButton tb1 = new Button("Blue");

SegmentedButton seg = new SegmentedButton();
seg.getButtons().addAll(tb1,tb2,tb3);
hbox.getChildren().add(seg);

它允许指定选择是否应该互斥。对于第二个bwhaviour（非互斥），将分段按钮的组设置为null：

seg.setToggleGroup(null);

资料来源： http://controlsfx.bitbucket.org/org/controlsfx/control/SegmentedButton.html