JavaFX無線電鈕


無線電鈕通常組合在一起,以便使用者進行單選,即使用者只能在無線電鈕列表中選擇一個專案。 例如,當選擇鞋子尺寸時,我們通常從列表中選擇一個尺寸。

無線電鈕只能執行:選擇取消選擇

以下程式碼顯示,當放置在ToggleGroup中時,只能選擇一個RadioButton

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.RadioButton;
import javafx.scene.control.ToggleGroup;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;

public class Main extends Application {
  @Override
  public void start(Stage stage) {
    HBox root = new HBox();
    Scene scene = new Scene(root, 300, 150);
    stage.setScene(scene);
    stage.setTitle("");

    ToggleGroup group = new ToggleGroup();
    RadioButton button1 = new RadioButton("select first");
    button1.setToggleGroup(group);
    button1.setSelected(true);
    RadioButton button2 = new RadioButton("select second");
    button2.setToggleGroup(group);

    root.getChildren().add(button1);
    root.getChildren().add(button2);

    scene.setRoot(root);
    stage.show();
  }

  public static void main(String[] args) {
    launch(args);
  }
}

上面的程式碼生成以下結果。

建立無線電鈕

javafx.scene.control包中的RadioButton類有兩個建構函式。
要為其標籤建立一個帶有空字串的無線電鈕,然後再設定標籤。

RadioButton rb = new RadioButton();
//setting a text label
rb.setText("Size 9");

要建立具有指定標籤的無線電鈕。

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

setSelected()方法帶有true引數可以顯式選擇無線電鈕。
isSelected()方法返回使用者是否選擇了特定無線電鈕。
setGraphic()方法可以為RadioButton安裝一個影象。

Image image = new Image(getClass().getResourceAsStream("Size.jpg"));
RadioButton rb = new RadioButton("Size 9");
rb.setGraphic(new ImageView(image));

無線電鈕組

無線電鈕通常在組中使用。
我們可以新增無線電鈕到ToggleGroup物件,它將管理它們,使得一次只能選擇一個無線電鈕。

以下程式碼建立一個切換組和三個無線電鈕,然後將每個無線電鈕新增到切換組,並指定應選擇哪個按鈕。

ToggleGroup group = new ToggleGroup();

RadioButton rb1 = new RadioButton("Size 9");
rb1.setToggleGroup(group);
rb1.setSelected(true);

RadioButton rb2 = new RadioButton("Size 10");
rb2.setToggleGroup(group);

RadioButton rb3 = new RadioButton("Size 11");
rb3.setToggleGroup(group);

無線電鈕事件

我們通過ToggleGroup處理無線電鈕選擇的事件。更改偵聽器新增到ToggleGroup。為每個無線電鈕分配了使用者資料。
ChangeListener物件檢查組中的選定專案。 所選無線電鈕從getSelectedToggle方法返回。然後通過呼叫getUserData方法獲取使用者資料。

rb1.setUserData("Home")
rb2.setUserData("Calendar");
rb3.setUserData("Contacts");

final ToggleGroup group = new ToggleGroup();

group.selectedToggleProperty().addListener(
    (ObservableValue<? extends Toggle> ov, Toggle old_toggle, Toggle new_toggle) -> {
        if (group.getSelectedToggle() != null) {
            System.out.println(group.getSelectedToggle().getUserData().toString());
        }    
    }
});

完整的原始碼,如下所示 -

import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.geometry.Insets;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.RadioButton;
import javafx.scene.control.Toggle;
import javafx.scene.control.ToggleGroup;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
// at W  W W.Y iI  bAI.C OM
public class Main extends Application {
  public static void main(String[] args) {
    launch(args);
  }

  @Override
  public void start(Stage stage) {
    Scene scene = new Scene(new Group());
    stage.setWidth(250);
    stage.setHeight(150);

    final ToggleGroup group = new ToggleGroup();

    RadioButton rb1 = new RadioButton("A");
    rb1.setToggleGroup(group);
    rb1.setUserData("A");

    RadioButton rb2 = new RadioButton("B");
    rb2.setToggleGroup(group);
    rb2.setUserData("B");

    RadioButton rb3 = new RadioButton("C");
    rb3.setToggleGroup(group);
    rb3.setUserData("C");

    group.selectedToggleProperty().addListener(new ChangeListener<Toggle>() {
      public void changed(ObservableValue<? extends Toggle> ov,
          Toggle old_toggle, Toggle new_toggle) {
        if (group.getSelectedToggle() != null) {
          System.out.println(group.getSelectedToggle().getUserData().toString());
        }
      }
    });

    HBox hbox = new HBox();
    VBox vbox = new VBox();

    vbox.getChildren().add(rb1);
    vbox.getChildren().add(rb2);
    vbox.getChildren().add(rb3);
    vbox.setSpacing(10);

    hbox.getChildren().add(vbox);
    hbox.setSpacing(50);
    hbox.setPadding(new Insets(20, 10, 10, 20));

    ((Group) scene.getRoot()).getChildren().add(hbox);
    stage.setScene(scene);
    stage.show();
  }
}

上面程式碼執行結果如下所示 -

無線電鈕焦點

在無線電鈕組中,預設情況下第一個按鈕最初具有焦點。
當使用setSelected方法選擇無線電鈕時,還應該使用requestFocus函式將焦點更改為所選無線電鈕。

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