javafx button按钮分组突出选中按钮(ToggleButton)

本文介绍了如何使用CSS样式增强JavaFX中的ToggleButton,以突出显示选中的按钮,并通过将按钮分组实现类似RadioButtons的效果。示例代码展示了如何创建和配置 ToggleButton,包括设置CSS样式和加入ToggleGroup,以确保每次只有一个按钮处于选中状态。
摘要由CSDN通过智能技术生成

多个按钮要突出选中按钮,可以增加Button被选中是css样式,且要对Button分组(分组的效果类似于),因此采用ToggleButton而非Button。

	ToggleGroup group = new ToggleGroup();

	ImageView imageView;
	imageView = new ImageView("/ui/image/default.png");
	imageView.setFitHeight(100);
	imageView.setFitWidth(100);
				
	ToggleButton button1 = new ToggleButton(type.getName(), imageView);
    //使用css样式
    button1 .getStylesheets().add("main.css");
    //分组
	button1.setToggleGroup(group);
	
	ToggleButton button2 = new ToggleButton(type.getName(), imageView);
    button2 .getStylesheets().add("main.css");
	button2.setToggleGroup(group);

	ToggleButton button3 = new ToggleButton(type.getName(), imageView);
    button3 .getStylesheets().add("main.css");
	button2.setToggleGroup(group);
				
	Pane.getChildren().add(button);
	Pane.getChildren().add(button2);
	Pane.getChildren().add(button3);

css

.toggle-button: hover {
	-fx-background-color: #454545;
}

.toggle-button {
    -fx-background-color: #323232;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: #1B1B1B;
    -fx-border-width: 2px;
    -fx-font-size: 14;
    -fx-text-fill: #CDCDCD;
}

.toggle-button: selected {
    -fx-border-color: #297ECE;
}

效果如图,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值