JFXtras css 样式答案

【问题标题】：JFXtras css stylingJFXtras css 样式
【发布时间】：2015-06-20 11:06:35
【问题描述】：

今天我下载了 JFXtras，但找不到有关 jfxtras 元素的 css 样式的任何信息。例如。我想知道如何设置 ListSpinner 的样式。我刚刚为微调器的值文本找到了这个：

.ListSpinner .value {
        -fx-font-weight: bold;
}

我该如何设计其余部分？或者某个地方是否存在带有可能的 css“命令”的列表？

问候

【问题讨论】：

【解决方案1】：

是的，缺少关于该主题的文档。对不起;花时间在新事物、错误修复或文档上总是同样的问题。文档经常丢失。

ListSpinner 使用标准节点，因此您可以使用标准 JavaFX 样式，在这里您可以找到默认情况下如何设置节点。 https://github.com/JFXtras/jfxtras/blob/8.0/jfxtras-controls/src/main/resources/jfxtras/internal/scene/control/ListSpinner.css

回答托尼； -fx- 是特殊的 JavaFX 选择器，不会与官方 CSS 选择器冲突。 JFXtras 将 -fxx- 用于其自定义内容，例如 -fxx-arrow-direction、-fxx-arrow-position 和 -fxx-value-alignment (https://github.com/JFXtras/jfxtras/blob/8.0/jfxtras-controls/src/main/java/jfxtras/internal/scene/control/skin/ListSpinnerSkin.java)

我保证很快会改进 listpinner 的文档。

【讨论】：

我忘了说示例可以让您轻松测试 fxx CSS 设置的效果。 (jfxtras.org)
我已经改进了文档，但这有点进退两难；真正为控件设置样式需要了解存在哪些节点以及如何设置它们的样式，这不是控件描述中深入记录的内容。特别是因为一个控件可以有多个皮肤。作为一种中间方法，我已经包含了一些关于可样式属性的基本信息以及人们通常期望 API 调用的东西。但最后，就像 HTML 的 jquery 插件一样，确实需要检查生成的节点和类。
感谢您的帮助，太棒了！有没有办法查看某个元素（如 ListSpinner）由哪些节点组成？这将更容易弄清楚如何设计它。顺便说一句，你打算为 jfxtras 做类似docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html 的事情吗？
不是这样的，维护起来需要付出巨大的努力。如果我得到了报酬，就像 JavaFX 开发人员一样，可能。但是作为一个开源项目......令人讨厌的是，对于 HTML，您可以在浏览器中激活开发人员工具栏并检查 div 是如何创建的以及类是如何分配的。对于 JavaFX 来说，这并不容易。有一个工具可以可视化与此类似的节点（developer.mozilla.org/en-US/docs/Tools/3D_View），但我似乎找不到它。
您可以尝试使用现在是 ScenicView 一部分的 TreeView 来检查节点。 (arnaudnouard.wordpress.com/2014/11/06/…)