Какво не е наред с този персонализиран компонент на JavaFX/FXML?

Уча се да пиша персонализирани компоненти на FXML за използване с JavaFX 8 и Scene Builder.

Написах FXML файла, показан по-долу, но Scene Builder няма да го отвори, давайки ми съобщението „Операцията за отваряне е неуспешна“ поради изключението:

java.io.IOException: javafx.fxml.LoadException: mycustomcomponent.TicoTeco is not a valid type.
/C:/Users/xxxxx/Documents/NetBeansProjects/MyCustomComponent/src/mycustomcomponent/TicoTeco.fxml:9
    at com.oracle.javafx.scenebuilder.kit.fxom.FXOMLoader.load(FXOMLoader.java:92)
    at com.oracle.javafx.scenebuilder.kit.fxom.FXOMDocument.(FXOMDocument.java:80)
    at com.oracle.javafx.scenebuilder.kit.fxom.FXOMDocument.(FXOMDocument.java:95)
...

Защо получавам това изключение?

Ето FXML файла:

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

<fx:root type="mycustomcomponent.TicoTeco" prefHeight="93.0" prefWidth="304.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <BorderPane layoutX="61.0" prefHeight="115.0" prefWidth="200.0">
         <left>
            <Button fx:id="tico" mnemonicParsing="false" text="Tico" BorderPane.alignment="CENTER" />
         </left>
         <right>
            <Button fx:id="teco" mnemonicParsing="false" text="Teco" BorderPane.alignment="CENTER" />
         </right>
      </BorderPane>
   </children>
</fx:root>

А ето и Java файловете за TicoTeco.java и Main.java:

package mycustomcomponent;

import java.io.IOException;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.control.Button;
import javafx.scene.layout.AnchorPane;

public class TicoTeco extends AnchorPane {

    @FXML
    Button tico;

    @FXML
    Button teco;

    public TicoTeco() throws IOException {
        FXMLLoader fxmlLoader = new FXMLLoader(TicoTeco.class.getResource("TicoTeco.fxml"));
        fxmlLoader.setRoot(this);
        fxmlLoader.setController(this);
        fxmlLoader.load();
    }

    @FXML
    public void initialize() {
        final EventHandler<ActionEvent> onAction = 
                event -> System.out.println("Hi, I'm " + (event.getSource() == tico? "Tico" : "Teco") + "!");
        tico.setOnAction(onAction);
        teco.setOnAction(onAction);
    }
}
package mycustomcomponent;

import java.io.IOException;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws IOException {
        Scene scene = new Scene(new TicoTeco());

        primaryStage.setTitle("Here are Tico and Teco!");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }

}

person user118967    schedule 17.06.2015    source източник
comment
Можете ли да опитате да добавите израза за импортиране ‹?import mycustomcomponent.*?› в fxml? Вашият код работи добре в eclipse. Вероятно това е нещо на NetBeans, тъй като получава fxml от папката src вместо от папката за разполагане?   -  person Roland    schedule 17.06.2015
comment
импортирахте ли файла jar, който съдържа персонализирания компонент, в sceneBuilder?   -  person griFlo    schedule 17.06.2015
comment
@Роланд. Благодаря. Всъщност операторът за импортиране не е необходим, защото използвах пълното квалифицирано име. Кодът също работи с NetBeans, но не работи със Scene Builder. За да се случи това, атрибутът type трябва да е AnchorPane и персонализираният компонент трябва да бъде импортиран в Scene Builder (което е странно, тъй като го разработвам).   -  person user118967    schedule 18.06.2015
comment
@griFlo: благодаря. Не го бях правил. Изглежда контраинтуитивно да трябва да импортирате персонализиран компонент в друг, за да го разработите! :-) Но уви май е така.   -  person user118967    schedule 18.06.2015


Отговори (1)


Малко е сложно. Така че вашият fxml има малка грешка:

Вашият персонализиран клас разширява AnchorPane, така че това трябва да е основният във вашия fxml:

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

<fx:root type="AnchorPane" prefHeight="93.0" prefWidth="304.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <BorderPane layoutX="61.0" prefHeight="115.0" prefWidth="200.0">
         <left>
            <Button fx:id="tico" mnemonicParsing="false" text="Tico" BorderPane.alignment="CENTER" />
         </left>
         <right>
            <Button fx:id="teco" mnemonicParsing="false" text="Teco" BorderPane.alignment="CENTER" />
         </right>
      </BorderPane>
   </children>
</fx:root>

След това трябва да направите буркан от него, защото имате fxml и java клас. Това е сложната част в Netbeans, така че следвайте:

Първо: Създайте собствен проект Библиотека за компонента, който изглежда така с вашите копирани изходни файлове:

въведете описание на изображението тук

Второ: Изтрийте копирания основен (където е основният метод) файл

Трето: Направете „Почистване и изграждане“ на проекта. Генерираният .jar файл ще бъде в подпапката "dist" във вашата директория на проекта.

Четвърто: Отворете Scene Builder и импортирайте вашия CustomComponent .jar файл по този начин:

въведете описание на изображението тук

въведете описание на изображението тук

Сега можете да използвате компонента, както искате. Но имайте предвид, че промените в компонента не обновяват динамично импортирания буркан, трябва да направите всичко отново.

person aw-think    schedule 17.06.2015
comment
Благодаря. Всъщност FXML работи дори ако типът е mycustomcomponent.TicoTeco, но Scene Builder няма да го импортира по този начин. Това означава ли, че SB импортира само неща, извлечени от стандартни JavaFX контроли, като AnchorPane? Това е разочароващо, защото означава, че персонализираните компоненти наистина не се третират като стандартните. Например, след това не може да се дефинира персонализиран компонент от друг персонализиран компонент, тогава? - person user118967; 18.06.2015
comment
И така, това е парадигма на програмиране, винаги трябва да използвате супертипове, където е възможно, или интерфейси. Така че дори под-подкомпонент се извлича от AnchorPane. Един наистина истински компонент изглежда по друг начин, може да погледнете в източниците на JavaFX, има много повече от клас като AnchorPane. - person aw-think; 18.06.2015