切换按钮具有两种状态:选择或未选择。
我们通常将两个或多个切换按钮组合成一个组,并允许用户只选择一个按钮或不选择。
我们可以使用ToggleButton
类的三个构造函数创建一个切换按钮。要创建没有任何字幕或图标的切换按钮。
ToggleButton tb = new ToggleButton();
要创建带有文字说明的切换按钮
ToggleButton tb = new ToggleButton("Press me");
要创建带有文字说明和图标的切换按钮。
Image image = new Image(getClass().getResourceAsStream("icon.png")); ToggleButton tb = new ToggleButton ("Press me", new ImageView(image));
setText()
方法可以将文本设置为ToggleButton
,以及setGraphic()
方法可以将图像安装到ToggleButton
。
切换组不强制选择至少一个按钮。单击所选的切换按钮可取消选择切换按钮。
ToggleGroup group = new ToggleGroup(); ToggleButton tb1 = new ToggleButton("High"); tb1.setToggleGroup(group); tb1.setSelected(true); ToggleButton tb2 = new ToggleButton("Medium"); tb2.setToggleGroup(group); ToggleButton tb3 = new ToggleButton("Low"); tb3.setToggleGroup(group);
setUserData()
方法将用户值与切换按钮相关联。ChangeListener
对象检查组中选定的切换。如果没有选择任何开关按钮,则输出默认值。
如果选择其中一个切换按钮,getSelectedToggle
和getUserData
方法返回用户定义的值。
tb1.setUserData("High"); tb2.setUserData("Medium"); tb3.setUserData("Low"); ToggleGroup group = new ToggleGroup(); group.selectedToggleProperty().addListener (ObservableValue<? extends Toggle> ov, Toggle toggle, Toggle new_toggle) -> { if (new_toggle == null) System.out.println("default value"); else System.out.println(group.getSelectedToggle().getUserData()); });
可以将CSS样式应用于切换按钮。
首先,在myStyle.css
文件中声明切换按钮的样式。
.toggle-button1{ -fx-font: 30 arial; -fx-base: green; } .toggle-button2{ -fx-font: 25 arial; -fx-base: blue; } .toggle-button3{ -fx-font: 30 arial; -fx-base: red; }
其次,在应用程序中安装样式。
scene.getStylesheets().add("myStyle.css"); tb1.getStyleClass().add("toggle-button1"); tb2.getStyleClass().add("toggle-button2"); tb3.getStyleClass().add("toggle-button3");