如果自定义 JavaFX 组件将 FXML 用于 View ，我该如何正确扩展它以添加或修改其 GUI 组件？

作为示例场景，假设我使用以下方法创建自定义 JavaFX 组件:

SpecializedButton.java( Controller )

package test;

import java.io.IOException;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.HBox;

public class SpecializedButton extends HBox
{
    @FXML private Button button;
    @FXML private Label label;

    public SpecializedButton() 
    {
        FXMLLoader loader = new FXMLLoader( getClass().getResource( "SpecializedButton.fxml" ) );

        loader.setRoot( this );
        loader.setController( this );

        try {
            loader.load();
        } catch ( IOException e ) {
            throw new RuntimeException( e );
        }
    }

    // specialized methods for this specialized button
    // ...
    public void doSomething() {
        button.setText( "Did something!" );
    }
}

SpecializedButton.fxml( View )

<?xml version="1.0" encoding="UTF-8"?>

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

<fx:root type="HBox" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <AnchorPane HBox.hgrow="ALWAYS">
         <children>
            <Label fx:id="label" text="Click to do something: " AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
         </children>
      </AnchorPane>
      <AnchorPane HBox.hgrow="ALWAYS">
         <children>
            <Button fx:id="button" onAction="#doSomething" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
         </children>
      </AnchorPane>
   </children>
</fx:root>

MyApp.java

package test;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class MyApp extends Application
{
    public static void main( String[] args )
    {
        launch( args );
    }

    public void start( Stage stage ) throws Exception
    {
        stage.setScene( new Scene( new SpecializedButton(), 300, 50 ) );
        stage.show();
    }
}

SpecializedButton 类加载 FXML View (SpecializedButton.fxml) 并充当它的 Controller 。

SpecializedButton FXML View 只是创建一个 HBox，其中分别在左侧和右侧有两个 AnchorPanes 和一个 Label 和 Button。单击按钮时，它会调用 SpecializedButton Controller 类中的 doSomething()。

问题

通过此设置，我使用 FXML 将 View 与应用程序逻辑分开。

但是，如果我想创建一个扩展 SpecializedButton 的新 HighlySpecializedButton 类，我也不知道如何“扩展” View 。

如果我想使用 SpecializedButton View ，但为 HighlySpecializedButton 修改它，我必须将 View 代码复制到一个新的 FXML 文件中，导致重复代码而不是正确的继承。

如果我没有使用 FXML，而是在 Java 类中创建 GUI 组件，那么扩展该类将使我能够正确地继承和添加/修改父类(super class)中的组件。

我显然误解了有关 JavaFX 的一些非常重要的概念。

问题

在这种情况下，FXML View 是否“愚蠢”到每次我想从自定义组件继承时都必须创建一个全新的 FXML View ？

或者，如果我误解了真正的问题，创建可扩展的自定义 JavaFX 组件的正确方法是什么，有或没有 FXML？

如果有任何见解，我将不胜感激。提前致谢!

最佳答案

据我了解，您希望能够扩展现有组件并避免 复制并粘贴新组件的整个标记。

您可以使用 @DefaultProperty 注释为组件定义一个扩展点。 看看 ex javafx.scene.layout.Pane:有一个ObservableList getChildren() 用 @DefaultProperty("children") 定义。 这样，当您使用 e.x an HBox(扩展 Pane)作为组件的根元素时，所有子组件都会添加到 Pane 定义的 children 属性中。

以同样的方式，您可以在 FXML 中定义扩展点:

SpecializedButton.fxml(我为这个例子稍微简化了它)

<fx:root type="HBox">
  <HBox>
    <Label fx:id="label" text="Click to do something: " />
    <HBox fx:id="extension"></HBox>
  </HBox>

  <HBox>
    <Button fx:id="button" onAction="#doSomething"/>
  </HBox>
</fx:root>

HBox fx:id="extension" 将是我的扩展点:

@DefaultProperty(value = "extension")
public class SpecializedButton extends HBox
{
    @FXML private HBox extension;

    public ObservableList<Node> getExtension() {
        return extension.getChildren();
    }
    // ... more component specific code
}

SuperSpecializedButton.fxml

<fx:root type="SpecializedButton">
  <Label text="EXTENDED HALLO"/>
</fx:root>

和:

public class SuperSpecializedButton extends SpecializedButton
{
    // ... more component specific code
}

如您所见，我只需要为 super 专用组件定义 fxml。

This code will work only on JavaFX >= 2.1 .之前，父类(super class)的组件注入(inject)不适用于 FXMLLoader。

我在 github 上添加了一个工作示例:https://github.com/matrak/javafx-extend-fxml

关于java - 如何扩展使用 FXML 的自定义 JavaFX 组件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31569299/