JavaFX切换按钮

切换按钮具有两种状态:选择未选择
我们通常将两个或多个切换按钮组合成一个组,并允许用户只选择一个按钮或不选择。

创建切换按钮

我们可以使用ToggleButton类的三个构造函数创建一个切换按钮。要创建没有任何字幕或图标的切换按钮。

ToggleButton tb = new ToggleButton();

Java

要创建带有文字说明的切换按钮

ToggleButton tb = new ToggleButton("Press me");

Java

要创建带有文字说明和图标的切换按钮。

Image image = new Image(getClass().getResourceAsStream("icon.png"));
ToggleButton tb = new ToggleButton ("Press me", new ImageView(image));

Java

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);

Java

ToggleButton行为

setUserData()方法将用户值与切换按钮相关联。ChangeListener对象检查组中选定的切换。如果没有选择任何开关按钮,则输出默认值。

如果选择其中一个切换按钮,getSelectedTogglegetUserData方法返回用户定义的值。

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());
});

Java

样式切换按钮

可以将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;   
}

Java

其次,在应用程序中安装样式。

scene.getStylesheets().add("myStyle.css");

tb1.getStyleClass().add("toggle-button1");
tb2.getStyleClass().add("toggle-button2");
tb3.getStyleClass().add("toggle-button3");

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

智慧浩海

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值