私がやりたかったのは、標準の JavaFX チェックボックスを自分の写真に置き換えることです。私は多くの検索を行い、見つけました:
- -fx-graphic : URL
- -fx-background-image : URL
しかし、どちらの場合も、私が望むことはありません。
チェックボックスを自分の画像に置き換えるために使用した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");
}
チュートリアルについては、公式ドキュメントを参照してください。2.2で追加された多くの新機能がありました。また、Introduction to FXMLでは、FXMLについて知っておく必要のあるほとんどすべてのことをカバーしています。最後に、Hendrik Ebbers がカスタム UI コントロールに関する非常に役立つブログ投稿を作成しました。