先来看看效果😊: 隐藏、间接替换、自定义可折叠组件的箭头------>关键步骤:
1 让其背景完全透明 .titled-pane .arrow { -fx-background-color: #0000; } 2 设置左内边距为-20抵消掉空白的区域 .titled-pane { -fx-padding: 0 0 0 -20; }
/*
可折叠组件的箭头------>隐藏步骤:
1 让其背景完全透明 .titled-pane .arrow { -fx-background-color: #0000; }
2 设置左内边距为-20抵消掉空白的区域 .titled-pane { -fx-padding: 0 0 0 -20; }
3 在Java代码中使用titledPane.setGraphic(imageView);绘制一个图标
*/
.titled-pane{
-fx-padding: 0 0 0 -20;
}
.titled-pane .arrow {
-fx-background-color: #0000;
}
3.在Java代码中使用titledPane.setGraphic(imageView);绘制一个图标
//调用方法,设置图标
setMenuIcon(sys_TitledPane,"file:src/main/resources/image/icon/menu/sys_settings_2.png");
/**
* 设置节点的图标
* @param labeled 要设置图标的组件
* @param path 图片路径
*/
private void setMenuIcon(Labeled labeled,String path) {
Image image = new Image(path);
ImageView imageView = new ImageView(image);
//自动保持图片的宽高比
imageView.setPreserveRatio(true);
//imageView.setFitWidth(20);
imageView.setFitHeight(20);
labeled.setGraphic(imageView);
}