Cycle de timeline

Version imprimable

12/05/2009, 23h13
FizZbiZ

[Résolu]Cycle de timeline

Bonjour à tous,

je me lance depuis peu dans javafx et je suis confronté à un problème pour lequel je n'ai malheureusement pas trouvé de solution.

Je cherche à modifier un objet (admettons un Rectangle), j'utilise donc un Timeline et en jouant sur width et height je le grossis.

Le but est lors d'un clic souris (onMouseClicked) que le rectangle grossisse, puis qu'il reprenne sa taille normale au 2ème clic. Et ainsi de suite.

Même en utilisant autoReverse:true et quelque soit repeatCount je n'arrive pas à faire ceci. Soit le rectangle ne s'arrete plus de grossir et dégrossir, soit l'action ne se fait qu'une fois.

Pour info j'ai aussi testé play() et playFromStart() mais rien n'y fait.

Merci de toute aide.
14/05/2009, 00h05
bouye

Il faudrait peut-etre penser a poster du code fonctionnel histoire que chacun puisse tester de son cote et voir ce qui ne va pas ;).

Effectivement, ce sera plus facile à comprendre.

Voici le code du node en question:

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
Rectangle{
    var myWidth = 200;
    var myHeight = 200;
 
    var anim = Timeline {
         repeatCount: 5;
         autoReverse: true;
         keyFrames: [
             KeyFrame {
                 time: 2s;
                 values: [
                      myWidth => 400 tween Interpolator.EASEBOTH
                      myHeight => 400 tween Interpolator.EASEBOTH
                 ]
             }
         ]
    }
 
    width: bind myWidth, height: bind myHeight;
    fill: Color.BLACK
 
    onMouseClicked: function( e: MouseEvent ):Void {
        anim.play();
    }
 
}

L'idée étant simplement qu'au lieu de faire 5 fois dans les deux sens l'agrandissement lors d'un clic, il ne le fasse qu'une fois et qu'on soit obligé de cliquer à chaque fois pour zoomer, dézoomer, zoomer, dézoomer, ...

Merci de votre aide.

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
/*
 * Main.fx
 *
 * Created on May 15, 2009, 8:18:16 AM
 */
 
package rectanim;
 
import javafx.animation.Interpolator;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.scene.input.MouseEvent;
import javafx.scene.paint.Color;
import javafx.scene.Scene;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
 
def rect = Rectangle{
    var myWidth = 200;
    var myHeight = 200;
 
    var anim = Timeline {
         repeatCount: 1;
         autoReverse: true;
         keyFrames: [
             KeyFrame {
                 time: 2s;
                 values: [
                      myWidth => 400 tween Interpolator.EASEBOTH
                      myHeight => 400 tween Interpolator.EASEBOTH
                 ]
             }
         ]
    }
 
    width: bind myWidth, height: bind myHeight;
    fill: Color.BLACK
 
    var expanded = bind (myWidth == 400) and (myHeight == 400);
 
    onMouseClicked: function( e: MouseEvent ):Void {
        anim.rate = if (not expanded) { 1 } else { -1 };
        anim.play();
    }
}
/**
 * @author fabriceb
 */
 
Stage {
    title: "Application title"
    width: 800
    height: 600
    scene: Scene {
        content: rect;
    }
}

15/05/2009, 09h18
FizZbiZ

Merci, ça marche niquel. Bizarre, que les développeurs de javafx n'aient pas implémentés une méthode style playOnce().