JavaFX自定义TitledPane组件的图标

先来看看效果😊：


隐藏、间接替换、自定义可折叠组件的箭头------>关键步骤：

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