Discussion :

[mikl_apo]

Bonjour à tous ! j'ai un petit problème pour débuter en JavaFX. Je voudrais afficher un rectangle qui fasse toute la largeur de ma fenêtre et qui s'adapte si on change les dimensions de celle-ci. Une sorte de menu en haut de ma fenêtre. Pour cela j'ai 'bindé' la largeur de mon rectangle avec la largeur de la variable Stage mais la largeur reste à 0 durant l'exécution.

Voila le code de mon Main.fx :

Code :

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
24
 
function run(){
 
   var stage : Stage;
 
   var mainMenu= MainMenu{
                height: 100;
                width: bind stage.width
                backgroundColor: Color.ALICEBLUE
            }
 
   stage = Stage {
   title: "Application"
   scene:
    Scene {
        width: 400
        height: 400
        content : [
            mainMenu
        ]//Content
    }//Scene
   };//Stage
 
}

et voici le code de mon menu MainMenu.fx :

Code :

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
24
 
public class MainMenu extends CustomNode{
 
    public var width: Number;
    public var height: Number;
    public var backgroundColor : Color;
 
    override public function create(): Node{
 
        return Group{
            content : [
                 Rectangle {
                    y : 0
                    x : 0
                    width: this.width
                    height: this.height
                    fill : this.backgroundColor
                 }// Rectangle
 
            ] // Content
        }// Group
    }
 
}

Surement un problème de compréhension. Si vous pouviez me débloquer se serait sympa.
Merci d'avance

[bouye]

Je dirais à priori normal car si tu as bien bindé ta variable de ta classe MainMenu à la largeur du Stage, tu n'as pas pour autant bindé celle de ton Rectangle à celle de MainMenu (tu aurais pu aussi mettre un on replace sur la variable pour faire cette modification). Donc ton rectangle n'est jamais redimensionné et comme tu n'initialises pas ta variable elle vaut 0.

PS : comme le Stage peut avoir des bordure (dans le cas d'une fenêtre) et que celle-ci compte dans la largeur et la hauteur, bind plutot sur la largeur de la Scene (la scène est aggrandie automatiquement quand on aggrandi le Stage).

[mikl_apo]

Merci beaucoup pour ta réponse. Effectivement, cela règle mon problème .
Par contre pour être sur d'avoir bien compris, pourrais-tu me confirmer que la fonction create() de mon MainToolBar est appelée lorsque je l'instancie c'est à dire lorsque je fais :

Code :

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

1
2
3
4
5
6
 
var mainToolBar = MainToolBar {
                height: 100;
                width: bind stage.scene.width
                backgroundColor: Color.ALICEBLUE
   }

et non pas lorsque je l'ajoute dans le content de ma scene :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
stage = Stage {
   title: "Application"
   scene:
    Scene {
        width: 800
        height: 600
        content : [
            mainToolBar
        ]//Content
    }//Scene
   };//Stage

Je pensais effectivement que la fonction était appelé lorsqu'on ajoutais MainToolBar à la scene c'est pour cela que j'étais étonné de ne pas voir le rectangle, même si celui-ci n'aurais pas été redimensionné lors de l'agrandissement de la fenêtre.
Encore merci.

[bouye]

Le noeud existe indépendament de la scène. Son contenu est créé lors de son instanciation.

Mais lors de ton instanciation précédement ton Rectangle faisait (0, 0), 0 x 0 et donc n'était pas visible.