JavaFXでラジオボタンの作成・イベントを登録する方法について記載します。
目次
ラジオボタンの作成・イベントを登録する方法
1. ラジオボタンの作成
ボタンを作成するには、RadioButton クラスを使用します。
構文
RadioButton rb = new RadioButton(“ボタン名”);
実行例
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
import javafx.application.Application; import javafx.geometry.Pos; 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 { public static void main(String[] args){ Application.launch(args); } @Override public void start(Stage pStage) throws Exception { // RadioButton RadioButton rbA = new RadioButton("ボタンA"); RadioButton rbB = new RadioButton("ボタンB"); RadioButton rbC = new RadioButton("ボタンC"); // ToggleGroup（ラジオボタンをグループ化する） ToggleGroup group = new ToggleGroup(); rbA.setToggleGroup(group); rbB.setToggleGroup(group); rbC.setToggleGroup(group); // 配置 HBox hbRoot = new HBox(); hbRoot.setAlignment(Pos.CENTER); hbRoot.setSpacing(10); hbRoot.getChildren().addAll(rbA, rbB, rbC); pStage.setTitle("ラジオボタン"); pStage.setWidth(300); pStage.setHeight(200); pStage.setScene(new Scene(hbRoot)); pStage.show(); } } |
2. イベントの登録
ラジオボタンのグループにイベントを登録するには、addListener メソッドを使用します。
構文
ToggleGroup group = new ToggleGroup();
group.selectedToggleProperty().addListener( ChangeListener<Toggle> );
group.selectedToggleProperty().addListener( ChangeListener<Toggle> );
addListener メソッドの引数には、ChangeListenerインタフェースを実装したクラスを指定します。
実行例
ラジオボタンをクリックすると、次のメッセージが表示されます。
ChangeListenerインタフェースを実装したクラスを使用してイベントを登録
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
import javafx.application.Application; import javafx.beans.value.ChangeListener; import javafx.beans.value.ObservableValue; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.Alert; import javafx.scene.control.Alert.AlertType; import javafx.scene.control.RadioButton; import javafx.scene.control.Toggle; import javafx.scene.control.ToggleGroup; import javafx.scene.layout.HBox; import javafx.stage.Stage; public class Main extends Application { public static void main(String[] args){ Application.launch(args); } @Override public void start(Stage pStage) throws Exception { // RadioButton RadioButton rbA = new RadioButton("ボタンA"); RadioButton rbB = new RadioButton("ボタンB"); RadioButton rbC = new RadioButton("ボタンC"); // ToggleGroup（ラジオボタンをグループ化する） ToggleGroup group = new ToggleGroup(); rbA.setToggleGroup(group); rbB.setToggleGroup(group); rbC.setToggleGroup(group); // イベントを登録 group.selectedToggleProperty().addListener( new ActionRadioButton()); // 配置 HBox hbRoot = new HBox(); hbRoot.setAlignment(Pos.CENTER); hbRoot.setSpacing(10); hbRoot.getChildren().addAll(rbA, rbB, rbC); pStage.setTitle("ラジオボタン"); pStage.setWidth(300); pStage.setHeight(200); pStage.setScene(new Scene(hbRoot)); pStage.show(); } // ラジオボタンのアクション class ActionRadioButton implements ChangeListener<Toggle>{ @Override public void changed(ObservableValue<? extends Toggle> observable, Toggle oldValue, Toggle newValue) { RadioButton selectedRb = (RadioButton)newValue; // 選択されたラジオボタンのテキストを表示 Alert alert = new Alert(AlertType.INFORMATION); alert.setTitle("イベント"); alert.setContentText( selectedRb.getText()); alert.show(); } } } |
上記の例では、ChangeListenerインタフェースを実装したクラスを使用してイベントを登録しましたが、次のようにラムダ式を使用してイベントを登録することもできます。
ラムダ式を使用してイベントを登録
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
import javafx.application.Application; import javafx.beans.value.ObservableValue; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.Alert; import javafx.scene.control.Alert.AlertType; import javafx.scene.control.RadioButton; import javafx.scene.control.Toggle; import javafx.scene.control.ToggleGroup; import javafx.scene.layout.HBox; import javafx.stage.Stage; public class Main extends Application { public static void main(String[] args){ Application.launch(args); } @Override public void start(Stage pStage) throws Exception { // RadioButton RadioButton rbA = new RadioButton("ボタンA"); RadioButton rbB = new RadioButton("ボタンB"); RadioButton rbC = new RadioButton("ボタンC"); // ToggleGroup（ラジオボタンをグループ化する） ToggleGroup group = new ToggleGroup(); rbA.setToggleGroup(group); rbB.setToggleGroup(group); rbC.setToggleGroup(group); // イベントを登録 group.selectedToggleProperty().addListener( (ObservableValue<? extends Toggle> observable, Toggle oldValue, Toggle newValue) -> { RadioButton selectedRb = (RadioButton)newValue; // 選択されたラジオボタンのテキストを表示 Alert alert = new Alert(AlertType.INFORMATION); alert.setTitle("イベント"); alert.setContentText( selectedRb.getText()); alert.show(); }); // 配置 HBox hbRoot = new HBox(); hbRoot.setAlignment(Pos.CENTER); hbRoot.setSpacing(10); hbRoot.getChildren().addAll(rbA, rbB, rbC); pStage.setTitle("ラジオボタン"); pStage.setWidth(300); pStage.setHeight(200); pStage.setScene(new Scene(hbRoot)); pStage.show(); } } |
3. イベントの登録（ 発生元から任意の値を渡す ）
2の例では、イベント発生時に渡される変数（ newValue ）を RadioButtonクラスにキャストして発生元のラジオボタンを判別していました。
RadioButton selectedRb = (RadioButton)newValue;
クリックされたラジオボタンごとに、任意の値を保存する場合、RadioButtonクラスのsetUserData メソッドを使用すると簡単にボタンごとの値を取得することができます。
RadioButton.setUserData( 保存したい値 );
実行例
次の例では、ボタンAに10、ボタンBに20、ボタンCに30 という固有の値を設定し、クリック時に設定した値を取得・表示します。
ラジオボタンをクリックすると、次のメッセージが表示されます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
import javafx.application.Application; import javafx.beans.value.ChangeListener; import javafx.beans.value.ObservableValue; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.Alert; import javafx.scene.control.Alert.AlertType; import javafx.scene.control.RadioButton; import javafx.scene.control.Toggle; import javafx.scene.control.ToggleGroup; import javafx.scene.layout.HBox; import javafx.stage.Stage; public class Main extends Application { public static void main(String[] args){ Application.launch(args); } @Override public void start(Stage pStage) throws Exception { // RadioButton RadioButton rbA = new RadioButton("ボタンA"); rbA.setUserData(10); // ボタンにデータを設定 RadioButton rbB = new RadioButton("ボタンB"); rbB.setUserData(20); // ボタンにデータを設定 RadioButton rbC = new RadioButton("ボタンC"); rbC.setUserData(30); // ボタンにデータを設定 // ToggleGroup（ラジオボタンをグループ化する） ToggleGroup group = new ToggleGroup(); rbA.setToggleGroup(group); rbB.setToggleGroup(group); rbC.setToggleGroup(group); // イベントを登録 group.selectedToggleProperty().addListener( new ActionRadioButton()); // 配置 HBox hbRoot = new HBox(); hbRoot.setAlignment(Pos.CENTER); hbRoot.setSpacing(10); hbRoot.getChildren().addAll(rbA, rbB, rbC); pStage.setTitle("ラジオボタン"); pStage.setWidth(300); pStage.setHeight(200); pStage.setScene(new Scene(hbRoot)); pStage.show(); } // ラジオボタンのアクション class ActionRadioButton implements ChangeListener<Toggle>{ @Override public void changed(ObservableValue<? extends Toggle> observable, Toggle oldValue, Toggle newValue) { RadioButton selectedRb = (RadioButton)newValue; // 選択されたラジオボタンのテキストを表示 Alert alert = new Alert(AlertType.INFORMATION); alert.setTitle("イベント"); // getUserDataでデータを取得 alert.setContentText( selectedRb.getText() + "：" + selectedRb.getUserData() ); alert.show(); } } } |
4. enum を使用してラジオボタンを管理する方法
次の例では、enumを使用して各ボタンを管理します。
各ボタン要素をまとめて管理できるので、コードが読みやすくなると思います。
実行例
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 |
import javafx.application.Application; import javafx.beans.value.ChangeListener; import javafx.beans.value.ObservableValue; import javafx.geometry.Pos; 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.stage.Stage; enum RadioButtons { BtnA( "ボタンA", 10 ), BtnB( "ボタンB", 20 ), BtnC( "ボタンC", 30 ); final String name; final int value; RadioButtons( final String name, final int value ){ this.name = name; this.value = value; } } public class Main extends Application { public static void main(String[] args){ Application.launch(args); } @Override public void start(Stage pStage) throws Exception { // RadioButton RadioButton rbA = new RadioButton( RadioButtons.BtnA.name ); rbA.setUserData(RadioButtons.BtnA); RadioButton rbB = new RadioButton(RadioButtons.BtnB.name); rbB.setUserData(RadioButtons.BtnB); RadioButton rbC = new RadioButton(RadioButtons.BtnC.name); rbC.setUserData(RadioButtons.BtnC); // ToggleGroup（ラジオボタンをグループ化する） ToggleGroup group = new ToggleGroup(); rbA.setToggleGroup(group); rbB.setToggleGroup(group); rbC.setToggleGroup(group); // イベントを登録 group.selectedToggleProperty().addListener( new ActionRadioButton() ); // 配置 HBox hbRoot = new HBox(); hbRoot.setAlignment(Pos.CENTER); hbRoot.setSpacing(10); hbRoot.getChildren().addAll(rbA, rbB, rbC); pStage.setTitle("ラジオボタン"); pStage.setWidth(300); pStage.setHeight(200); pStage.setScene(new Scene(hbRoot)); pStage.show(); } // ラジオボタンのアクション class ActionRadioButton implements ChangeListener<Toggle>{ @Override public void changed(ObservableValue<? extends Toggle> observable, Toggle oldValue, Toggle newValue) { RadioButton selectedRb = (RadioButton)newValue; switch( (RadioButtons)selectedRb.getUserData() ) { case BtnA: // ボタンAの時の処理 System.out.println("ボタンAがクリックされました。"); break; case BtnB: // ボタンBの時の処理 System.out.println("ボタンBがクリックされました。"); break; case BtnC: // ボタンCの時の処理 System.out.println("ボタンCがクリックされました。"); break; default: break; } } } } |
ボタンクリック時のアクションでも、enumを使用してどのボタンがクリックされたか判別できるためおすすめの方法です。
5. 任意のボタンを選択する方法
RadioButtonクラスのsetSelectedメソッドを使用すると、任意のボタンを選択状態にすることができます。
・初期表示時のデフォルト選択肢を指定
・設定の内容を反映
などで使用できます。
構文
RadioButton rbA = new RadioButton(“ボタンA”);
rbA.setSelected(true); // true を指定すると選択状態になります
rbA.setSelected(true); // true を指定すると選択状態になります
実行例
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
import javafx.application.Application; import javafx.geometry.Pos; 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 { public static void main(String[] args){ Application.launch(args); } @Override public void start(Stage pStage) throws Exception { // RadioButton RadioButton rbA = new RadioButton("ボタンA"); RadioButton rbB = new RadioButton("ボタンB"); RadioButton rbC = new RadioButton("ボタンC"); // ボタンBを選択状態にする rbB.setSelected(true); // ToggleGroup（ラジオボタンをグループ化する） ToggleGroup group = new ToggleGroup(); rbA.setToggleGroup(group); rbB.setToggleGroup(group); rbC.setToggleGroup(group); // 配置 HBox hbRoot = new HBox(); hbRoot.setAlignment(Pos.CENTER); hbRoot.setSpacing(10); hbRoot.getChildren().addAll(rbA, rbB, rbC); pStage.setTitle("ラジオボタン"); pStage.setWidth(300); pStage.setHeight(200); pStage.setScene(new Scene(hbRoot)); pStage.show(); } } |