javafx-FXML Leinwand leer nach Zeichnung

Ich bin mit Intellij IDEA für die javafx-FXML-Entwicklung. Ich verwendete den folgenden code, um zu zeichnen Sie einfach ein Rechteck. Allerdings ist es nie auftauchte.

Main.java

public class Main extends Application {

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


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

Controller.java

public class Controller implements Initializable {
public Mat image;
@FXML public Canvas img = new Canvas(300,300);
public GraphicsContext gc = img.getGraphicsContext2D();
@FXML private void drawCanvas(ActionEvent event) {
    gc.setFill(Color.AQUA);
    gc.fillRect(10,10,100,100);
}
@Override
public void initialize(URL location, ResourceBundle resources) {
        gc.setFill(Color.BLACK);
        System.out.println("color set to black");
        gc.fillRect(50, 50, 100, 100);
        System.out.println("draw rectangle");
    }
}

Ich verwendet setFill() und fillRect () - sowohl-in-Taste OnAction-und initialize-Methoden. Aber es immer noch nicht zeichnen der Rechtecke.

Probe.fxml

HTML:

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">
   <top>
      <ToolBar prefHeight="40.0" prefWidth="200.0" BorderPane.alignment="CENTER">
        <items>
          <Button mnemonicParsing="false" onAction="#drawCanvas" text="draw" />
        </items>
      </ToolBar>
   </top>
   <bottom>
      <AnchorPane prefHeight="41.0" prefWidth="600.0" BorderPane.alignment="CENTER">
         <children>
            <Label fx:id="co" layoutX="14.0" layoutY="9.0" text="co" />
            <Label fx:id="rgb" layoutX="144.0" layoutY="13.0" text="RGB" />
            <Label fx:id="zoom" layoutX="245.0" layoutY="9.0" text="zoom" />
         </children>
      </AnchorPane>
   </bottom>
   <center>
      <ScrollPane fx:id="img_pane" prefHeight="200.0" prefWidth="200.0" BorderPane.alignment="CENTER">
         <content>
            <Canvas fx:id="img" height="286.0" width="355.0" />
         </content>
      </ScrollPane>
   </center>
</BorderPane>

InformationsquelleAutor Michael Liao | 2015-08-31
  1. 5

    Gibt es einige Fragen, wie dies auf diesem forum, aber ich kann nicht finden Sie mit einer schnellen Suche.

    Sollten Sie nie initialisieren Sie ein Feld mit Anmerkungen @FXML. Der springende Punkt bei der @FXML ist, dass das Feld initialisiert wird, während der Prozess für das laden der FXML-Datei.

    So, in Ihrer Klasse-Initialisierung erstellen Sie einen Canvas und weisen gc seine Grafiken Kontext:

    @FXML public Canvas img = new Canvas(300,300);
public GraphicsContext gc = img.getGraphicsContext2D();

    Dann beim laden der FXML-Datei, die FXMLLoader erstellt eine neue Canvas wie von der FXML, weist das neue canvas-Bereich, um das Feld img, und legt die neue Leinwand in der scene graph (die du dann die Anzeige in der Bühne). Allerdings gc ist immer noch der Grafik-Kontext des ursprünglichen Canvas, die Sie nie anzeigen. Also jede Grafik, die Operationen auf gc wird nie realisiert werden.

    Müssen Sie

    public class Controller implements Initializable {

    @FXML private Canvas img ;

    private GraphicsContext gc ;

    @FXML private void drawCanvas(ActionEvent event) {
        gc.setFill(Color.AQUA);
        gc.fillRect(10,10,100,100);
    }

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        gc = img.getGraphicsContext2D();
        gc.setFill(Color.BLACK);
        System.out.println("color set to black");
        gc.fillRect(50, 50, 100, 100);
        System.out.println("draw rectangle");
    }

}
    • wow!!! vielen Dank für die ausführliche Lektion. Ich lernte die javafx-fxml selbst, aber es gibt wirklich nicht so viele tutorials gibt. Also alles, was markiert ist, mit @FXML sollten nicht initialisiert werden, anstatt den Wert in der initialize-Methode, richtigen?
    • Wenn ein Feld hat einen @FXML Anmerkung, nicht initialisieren. Die FXMLLoader initialisieren wird es für Sie, vorausgesetzt, dass alles richtig eingerichtet ist. Die Initialisierung von @FXML-annotierten Felder ist garantiert, um zu geschehen, bevor die initialize() - Methode aufgerufen wird. Die Dokumentation für FXMLLoader ist völlig unzureichend...
    InformationsquelleAutor James_D
Schreibe einen Kommentar