[JavaFX] (Débutant) Problème d'affichage d'un menu

Version imprimable

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:

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:

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

31/03/2009, 13h52
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).

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:

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:

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.

31/03/2009, 21h25
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.