无法在 Gluon 项目上加载皮肤错误

Question

我有一个自定义控件 ChoiceTextField，具有相应的 ChoiceTextFieldSkin。

protected Skin<?> createDefaultSkin() {
        return new ChoiceFieldSkin<T, ChoiceTextField<T>>(this);
    }

控件显示正确，虽然我得到以下 Exception:

Failed to load skin 'com.gluonhq.impl.charm.a.b.a.ap' for control ChoiceTextField[id=choiceCounter, styleClass=choice-field colored button flat]
java.lang.IllegalArgumentException: argument type mismatch

我可以通过在CSS文件中设置皮肤来解决错误：

.choice-field{
    -fx-skin: "com.energymeter.control.skin.ChoiceFieldSkin";
}

但我想知道是什么导致了 Exception

Answer 1

这段用于创建带有自定义控件的视图的简短代码片段：

public BasicView(String name) {
    super(name);

    setCenter(new StackPane(new ChoiceTextField()));
}

class ChoiceTextField<T> extends Control {

    public ChoiceTextField() {
        getStyleClass().add("button");
    }

    @Override
    protected Skin<?> createDefaultSkin() {
        return new ChoiceFieldSkin<>(this);
    }
}

class ChoiceFieldSkin<T> extends SkinBase<ChoiceTextField<T>> {

    private final TextField textfield;

    public ChoiceFieldSkin(ChoiceTextField<T> control) {
        super(control);
        textfield = new TextField();

        getChildren().add(textfield);
    }
}

显示相同的异常：

javafx.scene.control.Control loadSkinClass
Failed to load skin 'com.gluonhq.impl.charm.a.b.a.ap' for control ChoiceTextField@4fb753dd[styleClass=button]
java.lang.IllegalArgumentException: argument type mismatch
at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)
at sun.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:62)
at sun.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:45)
at java.lang.reflect.Constructor.newInstance(Constructor.java:423)
at javafx.scene.control.Control.loadSkinClass(Control.java:735)

如果您查看 Control.createDefaultSkin() 的 javadoc：

Create a new instance of the default skin for this control. This is called to create a skin for the control if no skin is provided via CSS {@code -fx-skin} or set explicitly in a sub-class with {@code setSkin(...)}.

（粗体是我的）

并且当您设置 getStyleClass().add("button") 时，事实证明 Charm 覆盖了 ButtonSkin 以通过 CSS 提供涟漪效果，所以您有例外。

如您所述，如果您通过 CSS:

显式设置皮肤，则不会发生此异常

public ChoiceTextField() {

    getStyleClass().addAll("choice-field", "button");
        getStylesheets().add(getClass().getResource("style.css").toExternalForm());
} 


.choice-field {
      -fx-skin: '<package name>.ChoiceFieldSkin'
}

无法在 Gluon 项目上加载皮肤错误

Failed to load skin error on Gluon Project

css

javafx

gluon

gluon-mobile