使用Javafx scene builder实现单选按钮组中单选效果

由于项目中新闻模块的添加弹窗中并未实现单选组按钮中的单选功能，寻找到的解决办法，在此进行一个记录。

修改前：

<Label layoutX="26.0" layoutY="115.0" text="接受全宗" />
<RadioButton layoutX="4.0" layoutY="133.0" mnemonicParsing="false" text="本全宗" />
<RadioButton layoutX="74.0" layoutY="133.0" mnemonicParsing="false" text="所有全宗" />
<Label layoutX="26.0" layoutY="62.0" text="发布方式" />
<RadioButton layoutX="4.0" layoutY="85.0" mnemonicParsing="false" text="立即发布" />
<RadioButton layoutX="74.0" layoutY="85.0" mnemonicParsing="false" text="审批通过后发布" />

效果为：

 

单选组中两个单选按钮可以同时选中，不符合实际。

修改方案：

在Javafx scene builder软件中，在左侧组件 Gluon 中选择 ToggleButtonGroup 添加到页面中，然后在左侧组件 Controls 中选择 RadioButton ，拖拽两个 RadioButton 添加到ToggleButtonGroup  中，并修改单选按钮的右侧属性中 Properties 的 Text 文本属性为想要的文本内容，本项目中为：立即发布+审批通过后发布。如下图。

 

修改后：

<Label layoutX="26.0" layoutY="62.0" text="发布方式" />
<ToggleButtonGroup layoutX="3.0" layoutY="86.0" selectionType="SINGLE">
  <toggles>
    <RadioButton mnemonicParsing="false" text="立即发布">
    <padding>
      <Insets right="8.0" />
    </padding>
    </RadioButton>
    <RadioButton mnemonicParsing="false" text="审批通过后发布" />
   </toggles>
</ToggleButtonGroup>
<Label layoutX="26.0" layoutY="115.0" text="接受全宗" />
<ToggleButtonGroup layoutX="4.0" layoutY="141.0" selectionType="SINGLE">
  <toggles>
    <RadioButton mnemonicParsing="false" text="本全宗   ">
     <padding>
       <Insets right="8.0" />
     </padding>
    </RadioButton>
    <RadioButton mnemonicParsing="false" text="所有全宗" />
  </toggles>
</ToggleButtonGroup>

效果为：

 

实现了单选按钮组中的单选效果。