我得到了SegmentedButton
,其中只包含3"字形和#34; ToggleButtons
喜欢这样:
<SegmentedButton maxWidth="Infinity" prefWidth="Infinity">
<buttons>
<fx:define>
<ToggleGroup fx:id="albumViewToggleGroup"/>
</fx:define>
<ToggleButton maxWidth="Infinity" fx:id="tagCloudToggle" mnemonicParsing="false" selected="true" toggleGroup="$albumViewToggleGroup">
<graphic>
<Glyph fontFamily="FontAwesome" icon="TAGS"></Glyph>
</graphic>
</ToggleButton>
<ToggleButton maxWidth="Infinity" fx:id="gridFlowToggle" mnemonicParsing="false" toggleGroup="$albumViewToggleGroup" >
<graphic>
<Glyph fontFamily="FontAwesome" icon="TH"></Glyph>
</graphic>
</ToggleButton>
<ToggleButton maxWidth="Infinity" fx:id="coverFlowToggle" mnemonicParsing="false" toggleGroup="$albumViewToggleGroup">
<graphic>
<Glyph fontFamily="FontAwesome" icon="ELLIPSIS_H"></Glyph>
</graphic>
<VBox.margin>
<Insets top="10.0"/>
</VBox.margin>
</ToggleButton>
</buttons>
</SegmentedButton>
SegmenedtButton消耗全宽(由红线表示),但ToggleButton不是。我通过设置背景颜色来检查它。
我希望ToggleButtons被拉伸,使它们分别是SegmentedButton宽度的1/3。我怎么能做到这一点?
答案 0 :(得分:3)
根据documentatiom数学运算符可以在fxml绑定中使用。
所以可以使用这样的东西:
<SegmentedButton fx:id="segButton" maxWidth="1.7976931348623157E308" >
<buttons>
<ToggleButton fx:id="option1" maxWidth="1.7976931348623157E308" prefWidth="${segButton.width / 4}" text="K3" />
<ToggleButton fx:id="option1" maxWidth="1.7976931348623157E308" prefWidth="${segButton.width / 4}" text="K2" />
<ToggleButton fx:id="option1" maxWidth="1.7976931348623157E308" prefWidth="${segButton.width / 4}" text="K1" />
<ToggleButton fx:id="option1" maxWidth="1.7976931348623157E308" prefWidth="${segButton.width / 4}" text="K1,1" />
</buttons>
</SegmentedButton>
可能不再需要,但希望对任何最终搜索谷歌的人都有用。
答案 1 :(得分:1)
我怀疑你是否仍然需要这个问题的帮助,但对于像我这样的人,谁搜索问题并到达这里,这就是我如何解决它:
button1.prefWidthProperty().bind(segmentedButtons.widthProperty().divide(2));
button2.prefWidthProperty().bind(segmentedButtons.widthProperty().divide(2));
segmentedButtons.getButtons().addAll(button1, button2);
segmentedButtons.setMaxWidth(Double.MAX_VALUE);
基本上,对于添加到SegmentedButton的每个ToggleButton,您将首选宽度绑定到SegmentedButton的实际宽度除以按钮数。由于它的绑定,宽度将在调整窗口大小时调整,因此您只需在创建时执行一次。如果你愿意,你可以用其他方式划分宽度,使一些按钮更大,一些更小。