more than time line

[Eman Ahmed]

I wanted to make more than one action when I entered image from 3 images all depends on the same time line how can I do it as the I tried it but when I entered an image the action performed to the other image because the variable scale(which the time line depends on)changed .

and that's my code I hope you can get it easily

/*
 * Main.fx
 *
 * Created on 2011-02-06, 9:58:39.PD
 */
package trying;
 
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.control.ListView;
 
import javafx.scene.input.MouseEvent;
import javafx.animation.Timeline;
import javafx.animation.KeyFrame;
 
/**
 * @author city
 */
var scale: Number = 1;
var timeline: Timeline = Timeline {
            keyFrames: [
                KeyFrame {
                    time: 0s
                    values: [
                        scale => 1
                    ]
                },
                KeyFrame {
                    time: 0.5s
                    values: [
                        scale => 2
                    ]
                }
            ];
        }
var timeline1: Timeline = Timeline {
            keyFrames: [
                KeyFrame {
                    time: 0s
                    values: [
                        scale => 2
                    ]
                },
                KeyFrame {
                    time: 0.5s
                    values: [
                        scale => 1
                    ]
                }
            ];
        }
def image_1 = Image {
            url: "file:////C://Documents and Settings//city//images//Msh.jpg"
            backgroundLoading: true
            width: 280
            height: 180
        }
def image_2 = Image {
            url: "http://k-mashy.com/up/uploads/images/K-Mashy.com-b74b68a41c.jpg"
            backgroundLoading: true
            width: 280
            height: 180
        }
def image_3 = Image {
            url: "http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs169.ash2/41604_119978971388886_8192004_n.jpg"
            backgroundLoading: true
            width: 280
            height: 180
        }
 
Stage {
    title: "Application title"
    scene: Scene {
        width: 800
        height: 600
        content: [
            ImageView {
                image: image_2
                x: 10
                y: 200
                scaleX: bind scale
                scaleY: bind scale
                onMouseEntered: function (e: MouseEvent): Void {
 
                    timeline.playFromStart();
                   
                }
                onMouseExited: function (e: MouseEvent): Void {
                    timeline1.playFromStart();
                }
            }
            ImageView {
                image: image_3
                x: 10
                y: 400
                scaleX: bind scale
                scaleY: bind scale
                onMouseEntered: function (e: MouseEvent): Void {
                    timeline.playFromStart();
                   
 
                }
                onMouseExited: function (e: MouseEvent): Void {
                    timeline1.playFromStart();
                }
            }
            ImageView {
                image: image_1
                x: 10
                y: 10
                scaleX: bind scale
                scaleY: bind scale
                onMouseEntered: function (e: MouseEvent): Void {
 
                    timeline.playFromStart();
                    println("image 1");
                }
                onMouseExited: function (e: MouseEvent): Void {
                    timeline1.playFromStart();
                }
            }
          
          
        ]
    }
}

Is it possible to make the same time line with the same variable to a lot of action performed to more than one image ??

[Rob Spoor]

Welcome to the Ranch!