Discussion :

[guitariste]

salut.

j'ai plusieurs forme (cercle, rectangle etc...) et qui le même comportement
c'est a dire les meme onMouseClicked : , onMouseDragged: etc..
et comme elle sont assez complexe je veux pas faire des copier coller et rendre mon code confus !

j'ai essayer de mettre le tout dans une fonction mais ca marche pas, c'est normale puisqu'on peut pas mettre des événement de souris en dehors d'un

composant !

voila.

Merci

[bouye]

Pourtant y a ca :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.HBox;
import javafx.scene.paint.Color;
import javafx.scene.Scene;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
 
def rectange = Rectangle {
    x: 10, y: 10
    width: 140, height: 90
    fill: Color.RED
    onMouseClicked: mouseClicked;
}
def circle = Circle {
    centerX: 100, centerY: 100
    radius: 40
    fill: Color.BLUE
    onMouseClicked: mouseClicked;
}
 
function mouseClicked(e:MouseEvent) {
    println("Clicked");
}
 
 
Stage {
    title: "Application title"
    width: 800
    height: 600
    scene: Scene {
        content: HBox {
            spacing: 50;
            content: [rectange, circle]
        }
    }
}

Mais en même temps cela ne permet pas de faire grand chose puisqu'on ne peut pas manipuler les variable de notre objet (par exemple pour faire du drag'n drop).

Après tu peux également utiliser l'héritage ou la délégation. Après plusieurs tests qui ne fonctionnaient ou ne compilaient pas, je suis arriver à ca :

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
 
import javafx.scene.input.MouseEvent;
import javafx.scene.Node;
 
public class Draggable {
    public function mouseClicked( e: MouseEvent ):Void {
       println("Mouse clicked.");
    }
 
    public function mouseDragged( e: MouseEvent ):Void {
       println("Mouse dragged.");
        if (this instanceof Node) {
            def node = this as Node;
            node.translateX = e.dragX;
            node.translateY = e.dragY;
        }
    }
}

Code :

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

1
2
3
4
5
6
7
8
 
import javafx.scene.shape.Rectangle;
import javafx.scene.input.MouseEvent;
 
public class MyRectangle extends Rectangle, Draggable {
    public override def onMouseClicked = mouseClicked;
    public override def onMouseDragged = mouseDragged;
}

Code :

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

1
2
3
4
5
6
7
 
import javafx.scene.shape.Circle;
 
public class MyCircle extends Circle, Draggable {
    public override def onMouseClicked = mouseClicked;
    public override def onMouseDragged = mouseDragged;
}

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
25
26
27
28
29
 
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.HBox;
import javafx.scene.paint.Color;
import javafx.scene.Scene;
import javafx.stage.Stage;
 
def rectange = MyRectangle {
    x: 10, y: 10
    width: 140, height: 90
    fill: Color.RED
}
def circle = MyCircle {
    centerX: 100, centerY: 100
    radius: 40
    fill: Color.BLUE
}
 
Stage {
    title: "Application title"
    width: 800
    height: 600
    scene: Scene {
        content: HBox {
            spacing: 50;
            content: [rectange, circle]
        }
    }
}

Note: faire que Draggable hérite de Node (pour éviter le cast) me semble être une mauvaise idée tant qu'on a pas plus d'info sur comment corriger les problèmes d'héritages en diamant dans JavaFX (voir mes dernières Q/R dans les propositions pour la FAQ).

[guitariste]

Merci bouye.

j'ai complètement oublié l'héritage, pourtant il est fait pour ça !!

je me demande pourquoi tu utilises les dragX et dragY et non les x et y de e:

Code :

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

1
2
3
4
5
if (this instanceof Node) {
            def node = this as Node;
            node.translateX = e.dragX;
            node.translateY = e.dragY;
        }

je vais essayé de faire ça.

a+

[bouye]

Parce que c'est pire tout simplement.

Une methode de dnd plus correcte serait :

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
    var originX:Number;
    var originY:Number;
 
    public function mousePressed( e: MouseEvent ):Void {
       println("Mouse pressed.");
       originX = e.x;
       originY = e.y;
    }
 
    public function mouseDragged( e: MouseEvent ):Void {
       println("Mouse dragged.");
        if (this instanceof Node) {
            def node = this as Node;
            node.translateX += e.x - originX;
            node.translateY += e.y - originY;
        }
    }