css - JavaFX - 用图像替换标准 CheckBox

Question

我想做的是用我自己的图片替换标准的 JavaFX 复选框。我做了很多搜索，我发现：

• -fx-图形：网址
• -fx-背景图片：网址

但是，在这两种情况下，我都不想要。

Answer 1

这是我用来用我自己的图像替换复选框的 CSS。这基于 JavaFX8 Modena 样式表，但对于 Caspian 应该相当接近。将 url 替换为图片相对于 CSS 表的位置。

.check-box>.box {
  -fx-background-insets: 0;
  -fx-background-radius: 0;
  -fx-background-color: transparent;
}

.check-box>.box>.mark {
  -fx-background-image: url("unmarked.png");
  -fx-background-position: center;
  -fx-background-repeat: stretch;
  -fx-shape: none;
}

.check-box:selected>.box>.mark{
  -fx-background-color: transparent;
  -fx-background-image: url("marked.png");
}

Answer 2

教程请参考官方文档。2.2 中添加了很多新内容。此外，FXML 简介几乎涵盖了您需要了解的有关 FXML 的所有内容。最后，Hendrik Ebbers 发表了一篇关于自定义 UI 控件的非常有用的博客文章。