Class for moving images (ImageView)

Question

Hi! I'm trying to create a class for move an image (using ImageView class). For first, I create a simple testing class:
package javafxapplication2;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.scene.input.MouseEvent;
var image: ImageView;
var timeline = Timeline {
    def im = image;
    keyFrames: [
        KeyFrame {
            time: 0s,
            values: [
                im.x => 20.0,
                im.y => 20.0
        KeyFrame {
            time: 1s,
            values: [
                im.x => 150.0,
                im.y => 150.0
Stage {
    title: "Test"
    scene: Scene {
        width: 550, height: 350
        content: [
            image = ImageView {
                x: 20.0, y: 20.0
                image: Image {
                    url: "http://www.google.it/logos/2010/joseffrank-hp.gif";
                onMousePressed: function(e: MouseEvent) {
                    timeline.play();
}But it does not works! And I can't use the "bind" variables, because in an extern class like this:
package javafxapplication2;
import javafx.animation.Timeline;
import javafx.animation.KeyFrame;
var element: Element;
var fromBoxX : Number;
var fromBoxY: Number;
var toBoxX: Number;
var toBoxY: Number;
var timeline = Timeline {
    def e = element;
    keyFrames: [
        KeyFrame {
            time: 0s,
            values: [
                e.x => fromBoxX,
                e.y => fromBoxY
        KeyFrame {
            time: 1s,
            values: [
                e.x => toBoxX,
                e.y => toBoxY
public function move (el: Element, fBox: Box, tBox: Box): Void {
    element = el;
    fromBoxX = el.matrix.getMatrixIndexes(fBox.location).getY() * el.board.squareSize;
    fromBoxY = el.matrix.getMatrixIndexes(fBox.location).getX() * el.board.squareSize;
    toBoxX = el.matrix.getMatrixIndexes(tBox.location).getY() * el.board.squareSize;
    toBoxY = el.matrix.getMatrixIndexes(tBox.location).getX() * el.board.squareSize;
    timeline.playFromStart();
public class Elements {}I can't use it!
Is here anybody that can help me? (Sorry for my bad english)

Answer 1

It is because the image variable is null when the timiline is createed.
Try this:
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.scene.input.MouseEvent;
var image: ImageView;
Stage {
    title: "Test"
    scene: Scene {
        width: 550, height: 350
        content: [
            image = ImageView {
                x: 20.0, y: 20.0
                image: Image {
                    url: "http://www.google.it/logos/2010/joseffrank-hp.gif";
                onMousePressed: function(e: MouseEvent) {
                    timeline.play();
var timeline = Timeline {
    def im = image;
    keyFrames: [
        KeyFrame {
            time: 0s,
            values: [
                im.x => 20.0,
                im.y => 20.0
        KeyFrame {
            time: 1s,
            values: [
                im.x => 150.0,
                im.y => 150.0
}