creation dynamique d'objets avec souris

Version imprimable

salut.

j'ai une classe Vertex :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
public class  Vertex  extends CustomNode{
 
 
    public var X: Number;
    public var Y: Number;
 
    override public function create():Circle {
 
        var cercle = Circle {
 
            centerX: bind X,
            centerY: bind Y
            radius: 40
            fill: Color.RED
            stroke: Color.BLACK
            strokeWidth: 5
        }
 
    }
}

et je veux creer un objet de type Vertex a chaque clique de la souris.
voila mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Group {
 
                onMouseClicked: function( e: MouseEvent ):Void {
 
                    noeuds =  [noeuds,
                        Vertex{
                            X: e.x,
                            Y: e.y
                        }];
                    println("a");
 
                }
                content : bind noeuds;
            }

avec noeuds :

Code:

var noeuds: Vertex[];

voila mais ca marche pas ! au fait même le println que j'ai placer pour vérifier ne fait rien !

Merci

Code:

1
2
3
4
 
insert Vertex {} into noeuds...
insert vertex {} before noeuds[0]
v = Vertex{}; insert v into noeuds....

je crois que tu as ta reponse:D

salut.

au fait non galien :(
Je ne crois pas que le probleme est d'insérer le nouveau Vertex dans la quence noeuds mais plutot de changer le contenu de la scene dynamiquement.
deja il y a un probleme avec l'evenement de clique de souris sur la scene.
Pour le moment j'ai ajouté un rectangle a la scene et sur le quel le capte l'evenement du clique :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 scene: Scene{
 
        fill: Color.WHITE
        width: 500
        height: 500
        content: [
 
 
 
            Group {
 
                content: [
                    Rectangle {
                        x: 10,
                        y: 10
                        width: 300,
                        height: 400
                        fill: Color.BLACK
                        onMouseClicked: function( e: MouseEvent ):Void {
 
                            var v = Vertex{
                                X: e.x,
                                Y: e.y
                            };
                        insert v into noeuds;
                            println("a");
 
                        }
                }]
 
 
            }
 
 
        ]//scene content
 
 
    }//Scene

au moins maintenant j'ai le "a" en sortie chaque fois que je clique ..mais toujours pas de noeud qui apparait.

salut.

bon voila je viens de trouver une solution mais je ne sais pas si c'est la meilleure !

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
25
26
27
28
29
30
31
32
33
34
35
36
scene: Scene{
 
        fill: Color.WHITE
        width: 500
        height: 500
        content: [          
            Group {
 
                content: [
                    Rectangle {
                        x: 10,
                        y: 10
                        width: 450,
                        height: 450
                        fill: Color.BLACK
                        onMouseClicked: function( e: MouseEvent ):Void {
 
                            var v = Vertex{
                                X: e.x,
                                Y: e.y
                            };   
                        insert v into noeuds;  
 
                        }
                    }
                ]//groupe content
 
            }
 
            Group {
                content: bind noeuds
            }// group
        ]//scene content
 
 
    }//Scene

j'ai ajouté une Group dont le contenu est un lié a la séquence noeuds.
c'est pas très jolie, mais bon ca marche !

cordialement

Je te conseillerais ceci, pour eviter un binding inutile dont tu n'as pas besoin
on insert le vertex juste avant le rectangle. cela te servira pour la gestion
pour les questions de gestion de tes vertex et de leur superposition refere toi au sujet qui précede le tiens

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
 
var vertexGroup: Group = Group{};
 
scene: Scene{
 
        fill: Color.WHITE
        width: 500
        height: 500
        content: [          
            Group {
 
                content: [
                    vertexGroup
                    Rectangle {
                        x: 10,
                        y: 10
                        width: 450,
                        height: 450
                        fill: Color.BLACK
                        onMouseClicked: function( e: MouseEvent ):Void {
 
                            var v = Vertex{
                                X: e.x,
                                Y: e.y
                            };   
 
                            insert v into vertexGroup
                            ];  
 
                        }
                    }
 
                ]//groupe content
 
            }
        ]//scene content
 
    }//Scene