javafx button按钮分组突出选中按钮（ToggleButton）

多个按钮要突出选中按钮，可以增加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;
}

效果如图，

javafx button按钮分组突出选中按钮（ToggleButton）相关推荐

JavaFX Button常用相关属性和制作多边形按钮Button
Button常用相关属性 pickOnBoundsProperty (pick On Bounds) 表示组件的鼠标事件在边界范围处理方式,如果 pickOnBounds为true,则通过与该节点的边 ...
IOS选中按钮状态的记录
IOS选择按钮状态的记录 @interface NJTabBar() {NJTabBarButton *_selectedButton; } @property(nonatomic,strong)UI ...
JavaFx+JFoenix 点击翻页按钮查看图片
JavaFx+JFoenix 点击翻页按钮查看图片 1. 前言实现一个小Demo,通过点击翻页按钮,实现循环查看每一张图片.当查看到最后一张图片后,再次点击按钮查看第一张图片,开始下一轮循环. 1. ...
vc6.0mfc中单选按钮如何分组_按钮系列02-搞定按钮和选框的14个秘诀
UI 界面当中,各种开关.按钮.选框控件是非常常见的组件,它们看起来不复杂,但是在实际使用的时候讲究非常之多,它们不仅关乎体验,而且涉及到一些界面逻辑问题. 英文中的「Toggle」一词,对应的是带 ...
vue element-ui只有一条信息时默认选中按钮，且不能取消，多条信息时可以手动选择
vue element-ui只有一条信息时默认选中按钮,且不能取消,多条信息时可以手动选择用lodash方法进行原数据的深拷贝 // 编辑多规格产品时必须选中一个默认规格setColumnData( ...
Qt按钮分组和按钮自锁
上一篇https://blog.csdn.net/qq_23815725/article/details/104269587介绍了程序主要结构,之后几篇就开始写一些实现细节吧. 本文两个内容:按钮设置 ...
金蝶K/3 wise基础资料界面复制按钮灰色无法选中的问题
项目场景:K/3 wise基础资料界面复制按钮灰色无法选中的问题问题描述复制按钮呈现灰色无法选中原因分析: 1.是否具有复制权限 2.是否在参数设置界面将"不显示项目移动数据&quo ...
【Android 】零基础到飞升 | Button(按钮)与ImageButton(图像按钮)
2.3.3 Button(按钮)与ImageButton(图像按钮) 本节引言: 今天给大家介绍的Android基本控件中的两个按钮控件,Button普通按钮和ImageButton图像按钮: 其实I ...
Taro button点击切换选中状态
1.引入组件 2.state中设置选中状态 // button按钮的默认选中,0代表选中 state = { currentIndex: 0 } 3.设置class的样式,点击更改选中 selectN ...
【AndroidStudio】按钮基本操作（普通按钮、图片按钮、单选按钮设置）（单击事件监听器触发对话框和页面跳转）
普通按钮普通按钮xml设置: <Buttonandroid:id="@+id/btn"android:layout_width="300dp"andro ...

javafx button按钮分组突出选中按钮（ToggleButton）

javafx button按钮分组突出选中按钮（ToggleButton）相关推荐

最新文章

热门文章