如何修改JavaFX Spinner内部小箭头颜色？是否有类JFoenix的相关库？

嘿，这个问题问得很精准！我来分两部分给你详细解答：

要单独修改箭头的颜色而不是整个按钮，核心是定位到箭头这个子元素，有两种常用方法：

1. 使用CSS（推荐） #

JavaFX的Spinner组件在默认的Modena主题中，箭头是作为箭头按钮的子节点存在的，你可以通过CSS选择器直接选中箭头元素并修改颜色。在你的样式文件中添加以下代码：

/* 同时修改递增和递减箭头的颜色 */
.spinner .increment-arrow-button .arrow,
.spinner .decrement-arrow-button .arrow {
    -fx-background-color: #2196F3; /* 这里替换成你想要的颜色值 */
}

/* 如果需要单独设置递增/递减箭头的颜色，可以分开写 */
.spinner .increment-arrow-button .arrow {
    -fx-background-color: #4CAF50;
}

.spinner .decrement-arrow-button .arrow {
    -fx-background-color: #F44336;
}

默认情况下，箭头的颜色是通过-fx-mark-color这个变量控制的，你也可以全局修改这个变量来统一所有箭头类组件的颜色，但如果只想针对Spinner，上面的选择器更精准。

2. 通过代码动态修改 #

如果需要在运行时根据逻辑调整箭头颜色，可以通过组件的lookup方法找到箭头节点，然后设置填充色：

Spinner<Integer> mySpinner = new Spinner<>(0, 100, 20);

// 注意：必须等待组件完成渲染后才能lookup到节点，所以建议在组件显示后调用，比如放在Platform.runLater里
Platform.runLater(() -> {
    // 获取递增箭头节点
    Node incrementArrow = mySpinner.lookup(".increment-arrow-button .arrow");
    if (incrementArrow instanceof Shape) {
        ((Shape) incrementArrow).setFill(Color.DARKORANGE);
    }

    // 获取递减箭头节点
    Node decrementArrow = mySpinner.lookup(".decrement-arrow-button .arrow");
    if (decrementArrow instanceof Shape) {
        ((Shape) decrementArrow).setFill(Color.PURPLE);
    }
});

JFoenix的JFXSpinner曾经是很流行的Material Design风格Spinner，但现在项目维护活跃度有所下降。如果你想要现代化、风格统一的Spinner组件，这些库值得考虑：

• MaterialFX：完全遵循Material Design 3规范的组件库，提供的MaterialSpinner不仅有美观的箭头样式，还支持悬浮动画、主题切换等特性，API和原生Spinner兼容度高，学习成本低。
• ControlsFX：老牌JavaFX增强组件库，它的Spinner扩展了原生组件的功能，比如支持自定义编辑器、数值格式化、步进值动态调整等，虽然风格偏向原生，但功能非常实用。
• BootstrapFX：把JavaFX组件转换成Bootstrap风格，它的Spinner组件自带Bootstrap的样式变体（比如primary、danger等），适合需要和Web风格统一的桌面应用。

需要注意的是，使用第三方库时要关注版本兼容性，确保和你使用的JavaFX版本匹配。

内容的提问来源于stack exchange，提问作者Sami