add component to fxml in code

Question

I've got a fxml template

<VBox fx:id="playerAvatarBox" prefHeight="406.0" prefWidth="303.0" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.lapots.breed.editor.fx.controls.controller.CanvasDrawingController"> <children> <Label text="Current representation" /> <HBox prefHeight="24.0" prefWidth="303.0"> <children> <ComboBox fx:id="layersBox" prefWidth="150.0" /> <Button fx:id="addLayer" mnemonicParsing="false" onAction="#handleAddLayer" text="Add layer" /> </children> </HBox> <Pane fx:id="canvasPane" prefHeight="369.0" prefWidth="303.0" /> </children> <padding> <Insets top="5.0" /> </padding> </VBox>

I want to add a canvas to the pane with fx:id=canvasPane. In my controller I do it like this

public class CanvasDrawingController implements Initializable { @FXML private Pane canvasPane; @Override public void initialize(URL location, ResourceBundle resources) { Canvas backgroundLayer = new Canvas(canvasPane.getWidth(), canvasPane.getHeight()); GraphicsContext gc = backgroundLayer.getGraphicsContext2D(); gc.setFill(Color.WHITE); gc.fillRect(0, 0, backgroundLayer.getWidth(), backgroundLayer.getHeight()); canvasPane.getChildren().add(backgroundLayer); } @FXML private void handleAddLayer(ActionEvent event) { } }

But nothing happens - I expected to get the pane with the white canvas, but instead I get the same empty pane.

What's the problem?

SedJ601 · Accepted Answer · 2018-01-08 19:18:00Z

2

canvasPane.getWidth() and canvasPane.getHeight() values are most likely zero. Try:

Canvas backgroundLayer = new Canvas(200, 200);

or:

Canvas backgroundLayer = new Canvas(canvasPane.getPrefWidth(), canvasPane.getPrefHeight());

edited Jan 8, 2018 at 19:18

answered Jan 8, 2018 at 19:14

SedJ601

14k3 gold badges43 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

lapots Over a year ago

Oh indeed! So I should use pref values in that case?

fabian Over a year ago

Assuming they will be used in the final layout. In some cases the parent may choose to ignore these properties...

Collectives™ on Stack Overflow

add component to fxml in code

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related