JavaFX - 带分隔符的切换按钮

Question

Java FX Scen Builder包含一种特殊形式的切换按钮。几个按钮在视觉上连接起来，并通过一个小竖线分隔：

我不知道如何做到这一点。有人有任何想法吗？

Answer 1

这是一个HBox的ToggleButton的所有与ToggleGroup和自定义css。

有一个example with source code在Ensemble示例应用程序（其中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（非互斥）设置分割按钮的组为空：

seg.setToggleGroup(null); 

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