Discussion :

[Leward]

Bonjour,

Je souhaite faire une petite application qui va proposer une zone de travail au milieu de la fenêtre (au centre d'un BorderPane) via un Canvas dans lequel je vais dessiner.
J'aimerai que mon Canvas occupe en toute circonstance tout l'espace offert par la zone CENTER du BorderLayout. C'est ce comportement que je n'arrive pas à obtenir.

Voici le FXML que j'utilise (très simple pour le moment) :

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?xml version="1.0" encoding="UTF-8"?>
 
<?import javafx.scene.canvas.*?>
<?import javafx.scene.control.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>
 
 
<BorderPane fx:controller="fr.leward.graphdesigner.MainController" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
    <left>
        <HBox prefHeight="100.0" prefWidth="200.0" style="-fx-background-color: green;" BorderPane.alignment="CENTER">
            <children>
                <Button mnemonicParsing="false" text="Button" />
            </children>
        </HBox>
    </left>
    <top>
        <HBox prefHeight="100.0" prefWidth="200.0" style="-fx-background-color: red;" BorderPane.alignment="CENTER" />
    </top>
    <center>
        <Canvas fx:id="canvas" />
    </center>
</BorderPane>

J'arrive à mettre une taille fixe à mon Canvas, mais dynamiquement je n'y arrive pas. Est-ce que vous auriez déjà rencontré un cas semblable, pouvez-vous m'aider ?

D'avance, je vous remercie.

[bouye]

Canvas n'est pas un nœud auto-redimensionnable.

Essaie plutot comme ça :

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
    <center>
        <StackPane fx:id="drawPane">
            <children>
                <Canvas fx:id="canvas"/>
            </children>
        </StackPane>
    </center>

Et dans le contrôleur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
@FXML
    private StackPane drawPane;
    @FXML
    private Canvas canvas;
 
    @Override
    public void initialize(URL location, ResourceBundle resources) {
        canvas.widthProperty().bind(drawPane.widthProperty());
        canvas.heightProperty().bind(drawPane.heightProperty());
    }

[Leward]

Hello,

Effectivement c'était bien ça le soucis. J'ai utilisé un Pane classique plutôt qu'un StackPane, mais le résultat est le même. Merci