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