FXML: ImageViews showing up in SceneBuilder but not in the actual app

Question

I'm trying to write a simple Java app for modifying and visualizing logic circuits by dragging gates and connections about. I'm using SceneBuilder to put the interface together. Right now, I'm stuck at getting the available basic logic gates to display in their proper bar and respond to being interacted with. More accurately, I'm trying to get one gate to just display some console output, to confirm that the GUI-logic connection is working.

The biggest problem I'm having is that the ImageViews of the gates, possibly along with some other FXML elements, refuse to display in the actual compiled app for some reason, even though they work and react correctly in SceneBuilder and in its "Preview" feature.

I had to do some experimenting with wrapping them in various other FXML elements which I didn't really understand because apparently ImageWiew doesn't have a onDragDetected() method, even though the text input field for it is available in SceneBuilder. The intended work-in-progress app layout can be seen plainly enough directly from SceneBuilder on the first picture. Compare with the second one, which is of the actual running application.

Possibly relevant code:

Main.java

package main;

    import javafx.application.Application;
    import javafx.fxml.FXMLLoader;
    import javafx.scene.Parent;
    import javafx.scene.Scene;
    import javafx.stage.Stage;

    public class Main extends Application {

        @Override
        public void start(Stage primaryStage) throws Exception{
            Parent root = FXMLLoader.load(getClass().getResource("RootLayout.fxml"));
            primaryStage.setTitle("Hello World");
            primaryStage.setScene(new Scene(root, 640, 450));
            primaryStage.show();
        }

        public static void main(String[] args) throws Exception {
            launch(args);
        }
    }

TheCircuitController.java

package Gates;

import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.AnchorPane;

import java.net.URL;
import java.util.ArrayList;
import java.util.ResourceBundle;


/**
 * The class for holding all the information about gates, connections, and in and out pins in the current circuit
 */
public class TheCircuitController implements Initializable{

    @FXML
    private AnchorPane anchorPaneNAND;

    //TODO temporarily public, make private later
    public ArrayList allCircuitElements= new ArrayList();
    public ArrayList theCircuitInputPins = new ArrayList();
    public ArrayList theCircuitOutputPins = new ArrayList();
    ArrayList allCircuitConnections = new ArrayList();
    public ArrayList allCircuitGateInputPins = new ArrayList();
    public ArrayList allCircuitGateOutputPins = new ArrayList();
    public ArrayList allCircuitGates = new ArrayList();

    private InbuiltGateType currentDragGateType;

    @Override
    public void initialize(URL fxmlFileLocation, ResourceBundle resources) {
        // initialize your logic here: all @FXML variables will have been injected
        anchorPaneNAND.setOnDragDetected(this::handleDragDetectedNAND);
    }

    @FXML
    private void handleDragDetectedNAND(MouseEvent mouseEvent) {
        System.out.println("drag detected nand!");
    }

//other stuff of the class, unrelated to FXML
}

RootLayout.fxml

I thus need to know:

Why are those gates(or at least one) not displaying as intended? And what's with the ScrollPane, why is it not displaying its sliders as it is in SceneBuilder? What things do I need to set up differently or wiggle with to get those gates to show up and interact correctly?

Sargon1 · Accepted Answer

After a bit of random crapshooting, I found a solution.

First, I looked into View->Show Sample Controller Skeleton. There, I noticed that the handleDragDetectedNAND() method does not have any modifier, whereas mine had private, copied early from some tutorial or the other. I removed the modifier and the application now works. If anyone who passes by cared to explain why this is the case(I have no idea and no time to research, deadline's fast approaching), the value of this answer would rise significantly.

FXML: ImageViews showing up in SceneBuilder but not in the actual app

Answers (2)

Related Questions