单选按钮通常组合在一起，以便用户进行单选，即用户只能在单选按钮列表中选择一个项目。 例如，当选择鞋子尺寸时，我们通常从列表中选择一个尺寸。
单选按钮只能执行：选择或取消选择。
以下代码显示，当放置在ToggleGroup中时，只能选择一个RadioButton。

  1. import javafx.application.Application;
  2. import javafx.scene.Scene;
  3. import javafx.scene.control.RadioButton;
  4. import javafx.scene.control.ToggleGroup;
  5. import javafx.scene.layout.HBox;
  6. import javafx.stage.Stage;
  8. public class Main extends Application {
  9.     @Override
  10.     public void start(Stage stage) {
  11.         HBox root = new HBox();
  12.         Scene scene = new Scene(root, 300, 150);
  13.         stage.setScene(scene);
  14.         stage.setTitle("");
  16.         ToggleGroup group = new ToggleGroup();
  17.         RadioButton button1 = new RadioButton("select first");
  18.         button1.setToggleGroup(group);
  19.         button1.setSelected(true);
  20.         RadioButton button2 = new RadioButton("select second");
  21.         button2.setToggleGroup(group);
  23.         root.getChildren().add(button1);
  24.         root.getChildren().add(button2);
  26.         scene.setRoot(root);
  27.         stage.show();
  28.     }
  30.     public static void main(String[] args) {
  31.         launch(args);
  32.     }
  33. }

image.png

创建单选按钮

javafx.scene.control包中的RadioButton类有两个构造函数。
要为其标签创建一个带有空字符串的单选按钮，然后再设置标签。

  1. RadioButton rb = new RadioButton();
  2. rb.setText("Size 9");

要创建具有指定标签的单选按钮。 

  1. RadioButton rb2 = new RadioButton("Size 9");

setSelected()方法带有true参数可以显式选择单选按钮。
isSelected()方法返回用户是否选择了特定单选按钮。
setGraphic()方法可以为RadioButton安装一个图像。

  1. Image image = new Image("Size.jpg");
  2. RadioButton rb = new RadioButton("Size 9");
  3. rb.setGraphic(new ImageView(image));

单选按钮组

单选按钮通常在组中使用。
我们可以添加单选按钮到ToggleGroup对象，它将管理它们，使得一次只能选择一个单选按钮。
以下代码创建一个切换组和三个单选按钮，然后将每个单选按钮添加到切换组，并指定应选择哪个按钮。

  1. ToggleGroup group = new ToggleGroup();
  3. RadioButton rb1 = new RadioButton("Size 9");
  4. rb1.setToggleGroup(group);
  5. rb1.setSelected(true);
  7. RadioButton rb2 = new RadioButton("Size 10");
  8. rb2.setToggleGroup(group);
  10. RadioButton rb3 = new RadioButton("Size 11");
  11. rb3.setToggleGroup(group);

image.png

单选按钮事件

我们通过ToggleGroup处理单选按钮选择的事件。更改侦听器添加到ToggleGroup。为每个单选按钮分配了用户数据。
ChangeListener对象检查组中的选定项目。 所选单选按钮从getSelectedToggle方法返回。然后通过调用getUserData方法获取用户数据。

  1. import javafx.application.Application;
  2. import javafx.beans.value.ObservableValue;
  3. import javafx.event.EventHandler;
  4. import javafx.scene.Group;
  5. import javafx.scene.Scene;
  6. import javafx.scene.control.Button;
  7. import javafx.scene.control.RadioButton;
  8. import javafx.scene.control.Toggle;
  9. import javafx.scene.control.ToggleGroup;
  10. import javafx.scene.effect.DropShadow;
  11. import javafx.scene.image.Image;
  12. import javafx.scene.image.ImageView;
  13. import javafx.scene.input.MouseEvent;
  14. import javafx.scene.layout.HBox;
  15. import javafx.scene.layout.StackPane;
  16. import javafx.scene.layout.VBox;
  17. import javafx.stage.Stage;
  19. public class Main extends Application {
  21.     public static void main(String[] args) {
  22.         Application.launch(args);
  23.     }
  25.     @Override
  26.     public void start(Stage stage) {
  27.         HBox root = new HBox();
  28.         Scene scene = new Scene(root, 300, 150);
  29.         stage.setScene(scene);
  30.         stage.setTitle("");
  32.         ToggleGroup group = new ToggleGroup();
  34.         RadioButton rb1 = new RadioButton("Size 9");
  35.         rb1.setToggleGroup(group);
  36.         rb1.setSelected(true);
  38.         RadioButton rb2 = new RadioButton("Size 10");
  39.         rb2.setToggleGroup(group);
  41.         RadioButton rb3 = new RadioButton("Size 11");
  42.         rb3.setToggleGroup(group);
  44.         rb1.setUserData("Home");
  45.         rb2.setUserData("Calendar");
  46.         rb3.setUserData("Contacts");
  48.         group.selectedToggleProperty().addListener( (ObservableValue <? extends Toggle > observable, Toggle oldValue, Toggle newValue)->{
  49.             if (group.getSelectedToggle() != null) {
  50.                 System.out.println(group.getSelectedToggle().getUserData().toString());
  51.             }
  52.         } );
  54.         root.getChildren().add(rb1);
  55.         root.getChildren().add(rb2);
  56.         root.getChildren().add(rb3);
  58.         scene.setRoot(root);
  59.         stage.show();
  60.     }
  61. }

image.png
完整的源代码，如下所示

  1. import javafx.application.Application;
  2. import javafx.beans.value.ChangeListener;
  3. import javafx.beans.value.ObservableValue;
  4. import javafx.event.EventHandler;
  5. import javafx.geometry.Insets;
  6. import javafx.scene.Group;
  7. import javafx.scene.Scene;
  8. import javafx.scene.control.Button;
  9. import javafx.scene.control.RadioButton;
  10. import javafx.scene.control.Toggle;
  11. import javafx.scene.control.ToggleGroup;
  12. import javafx.scene.effect.DropShadow;
  13. import javafx.scene.image.Image;
  14. import javafx.scene.image.ImageView;
  15. import javafx.scene.input.MouseEvent;
  16. import javafx.scene.layout.HBox;
  17. import javafx.scene.layout.StackPane;
  18. import javafx.scene.layout.VBox;
  19. import javafx.stage.Stage;
  21. public class Main extends Application {
  23.     public static void main(String[] args) {
  24.         Application.launch(args);
  25.     }
  27.     @Override
  28.     public void start(Stage stage) {
  29.         Group root = new Group();
  30.         Scene scene = new Scene(root);
  31.         stage.setWidth(250);
  32.         stage.setHeight(150);
  34.         final ToggleGroup group = new ToggleGroup();
  36.         RadioButton rb1 = new RadioButton("A");
  37.         rb1.setToggleGroup(group);
  38.         rb1.setUserData("A");
  40.         RadioButton rb2 = new RadioButton("B");
  41.         rb2.setToggleGroup(group);
  42.         rb2.setUserData("B");
  44.         RadioButton rb3 = new RadioButton("C");
  45.         rb3.setToggleGroup(group);
  46.         rb3.setUserData("C");
  48.         group.selectedToggleProperty().addListener(new ChangeListener<Toggle>() {
  49.             public void changed(ObservableValue<? extends Toggle> ov,
  50.                                 Toggle old_toggle, Toggle new_toggle) {
  51.                 if (group.getSelectedToggle() != null) {
  52.                     System.out.println(group.getSelectedToggle().getUserData().toString());
  53.                 }
  54.             }
  55.         });
  57.         HBox hbox = new HBox();
  58.         VBox vbox = new VBox();
  60.         vbox.getChildren().add(rb1);
  61.         vbox.getChildren().add(rb2);
  62.         vbox.getChildren().add(rb3);
  63.         vbox.setSpacing(10);
  65.         hbox.getChildren().add(vbox);
  66.         hbox.setSpacing(50);
  67.         hbox.setPadding(new Insets(20, 10, 10, 20));
  69.         root.getChildren().add(hbox);
  70.         stage.setScene(scene);
  71.         stage.show();
  72.     }
  73. }

image.png

单选按钮焦点

在单选按钮组中，默认情况下第一个按钮最初具有焦点。
当使用setSelected方法选择单选按钮时，还应该使用requestFocus函数将焦点更改为所选单选按钮。

  1. rb.setSelected(true);
  2. rb.requestFocus();