JavaFX UI控件体系结构(Control+Skin)

Question

在JavaFX8中，有一个用于自定义控件的UI控件体系结构。其基本依据是：

• 控制。
• 皮肤。
• CSS。

另外，还有一个FXML项目的基本结构也用来制作图形用户界面。基本上：

• 控制。
• FXML文件
• CSS。

我想在UI控件体系结构中使用FXML，所以我的问题是：

谁是FXML文件的控制器？皮肤？

我必须做下面的代码？：

public class MySkin extends SkinBase<MyControl> {
public GaugeSkin(MyControl control) {
    super(control);
    FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("MyView.fxml"));
    fxmlLoader.setRoot(control);
    fxmlLoader.setController(control);

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

Answer 1

我认为Skin类是加载的FXML文件的控制器，这是正确的，因为是Skin负责定义构成特定控件的“外观”的节点。

Control类本身应该只定义保存控件状态的属性，而不应该关心Skin如何实际创建视图层次结构(也就是说，它应该只关心它的状态，而不是它的外观)。

我要做的一个不同是将fxmlloader.setController(control);更改为fxmlloader.setController(this);，以便Skin类成为控制器，而不是控件本身。

您可以做的另一件事是将FXMLLoader逻辑移动到基类中，这样您就不必每次创建Skin时都重复它，如下所示：

public abstract class FXMLSkin<C extends Control> extends SkinBase<C>{

    public FXMLSkin(C control) {
        super(control);
        this.load();
    }

    private void load() {
        FXMLLoader loader = new FXMLLoader(getFXML());
        loader.setController(this);

        try {
            Node root = loader.load();
            this.getChildren().add(root);
        } catch (IOException ex) {
            Logger.getLogger(FXMLSkin.class.getName()).log(Level.SEVERE, null, ex);
        }   
    }

    protected abstract URL getFXML();
}

我有一个在我的吉萨上页面，它与上面的FXMLSkinBase类非常相似。它使用约定加载与派生类同名的FXML文件，这样每次都不需要指定FXML文件名。也就是说，如果派生的皮肤名为FooControlSkin，则控件将自动加载名为FooControlSkin.fxml的FXML文件。

这个类非常简单，代码可以很容易地重构成一个功能齐全的FXMLSkinBase类，以满足您的需求。

Answer 2

我更好的方法：

• 删除将<fx:root>作为.fxml文件的根元素的需要。
• 删除调用fxmlLoader.setRoot(control);的需要。
• 删除调用fxmlLoader.setController(control);的需要。
• 允许皮肤通过FXML元素中的fx:controller="{controller class name}"自动成为控制器。
• 允许IDE突出显示ControlNameSkin类中对FXML的伪@FXML引用。

一个适当的控制课。

public static class ControlName extends Control {
    @Override
    protected Skin<?> createDefaultSkin() {
        ControlNameSkin.Factory factory = new ControlNameSkin.Factory(this);
        FXMLLoader fxmlLoader = new FXMLLoader(getClass()
                 .getResource("ControlName.fxml"));
        fxmlLoader.setControllerFactory(factory);
        try {
            Node root = fxmlLoader.load();
            ControlNameSkin skin = fxmlLoader.getController();
            skin.construct(root);
            return skin;
        } catch (IOException ex) {
            throw new RuntimeException(ex);
        }
    }
}

皮肤和控制器的组合类。

public static class ControlNameSkin extends SkinBase<ControlName> {
    public ControlNameSkin(Factory factory) {
        super(factory.control);
        // any setup NOT using FXML references
    }

    public void construct(Node root) {
        ControlName control = getSkinnable();
        // any setup using FXML references
        getChildren().add(root);
    }

    public static class Factory implements Callback<Class<?>, Object> {
        public final ControlName control;

        public Factory(ControlName control) {
            this.control = control;
        }

        @Override
        public Object call(Class<?> cls) {
            try {
                return cls.getConstructor(Factory.class).newInstance(this);
            } catch (Exception ex) {
                throw new RuntimeException(ex);
            }
        }
    }
}