Неуспешно зареждане на кожата: null при прилагане на css към fxml в Scene Builder - javafx, builder, fxml, skin, scene

Опитвам се да създам контрол на копчето за JavaFX с този пример като отправна точка: http://fxexperience.com/2012/01/fun-javafx-2-0-audio-player/

В този пример те прилагат кожа (KnobSkin.java) към плъзгача в css файла.

Създадох персонализиран контрол по този начин:

Knob.fxml

<?import java.lang.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.AnchorPane?>

<fx:root type="javafx.scene.layout.AnchorPane" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2">
<children>
<AnchorPane id="myTestButton" layoutX="0.0" layoutY="5.0" minHeight="49.0" prefHeight="140.0" prefWidth="14.0">
<children>
<Slider id="volume" orientation="VERTICAL" styleClass="knobStyle" />
</children>
</AnchorPane>
</children>
</fx:root>

Knob.java

package application;
public class Knob extends AnchorPane {

@FXML
private AnchorPane myTestButton;

public Knob() {
FXMLLoader fxmlLoader = new FXMLLoader(

getClass().getResource("/application/Knob.fxml"));

fxmlLoader.setRoot(this);
fxmlLoader.setController(this);

try {
fxmlLoader.load();
} catch (IOException exception) {
throw new RuntimeException(exception);
}
}
}

Основната ми сцена изглежда така:

test.fxml

<?import application.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.AnchorPane?>
<?scenebuilder-classpath-element ../../bin?>

<AnchorPane prefHeight="217.0" prefWidth="221.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2">
<Knob layoutX="5.0" layoutY="4.0" />
</AnchorPane>

Когато се опитвам да отворя файла test.fxml в Scene Builder и да приложим този css към него:

.slider.knobStyle {
-fx-skin: "application.KnobSkin";
}

Получавам следната грешка:

Неуспешно зареждане на кожата "StringProperty [боб: Плъзгач [id = volume, styleClass = slider knobStyle], име: skinClassName, стойност: application.KnobSkin] "за контрол Плъзгач [id = volume, styleClass = slider knobStyle]:

Ако изпълните приложението, копчето се показва перфектно.

Някаква идея какво съм направил погрешно?

Благодаря!

Отговори:

2 за отговор № 1

След като прочетете този блог: http://www.guigarage.com/2012/11/custom-ui-controls-with-javafx-part-1/

Открих, че ако променя моя клас Knob.java на

package application;
public class Knob extends AnchorPane {

@FXML
private AnchorPane myTestButton;

public Knob() {
setSkinClassName(KnobSkin.class.getName());
}
}

И аз премахвам Knob.fxml, копчето ще се покаже в Scene Builder, когато избера моята стилова таблица

---