|
|||||||
|
|
|
![]() |
|
|
Strumenti |
|
|
#1 |
|
Member
Iscritto dal: Aug 2008
Messaggi: 210
|
[JavaFX] Spostare un'immagine con Timeline
Salve a tutti. Con il seguente codice, l'immagine riesce a spostarsi correttamente:
Codice:
/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
package javafxapplication2;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.animation.Timeline;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.scene.input.MouseEvent;
var dx: Number;
var dy: Number;
var image: ImageView;
var timeline = Timeline {
keyFrames: [
KeyFrame {
time: 0s,
values: [
dx => 0.0,
dy => 0.0
]
}
KeyFrame {
time: 1s,
values: [
dx => 150,
dy => 150
]
}
]
}
Stage {
title: "Test"
scene: Scene {
width: 550, height: 350
content: [
image = ImageView {
x: bind dx, y: bind dy
image: Image {
url: "http://www.google.it/logos/2010/joseffrank-hp.gif";
}
onMousePressed: function(e: MouseEvent) {
timeline.play();
}
}
]
}
}
Per questo ho creato una piccola classe di test: Codice:
package javafxapplication2;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.animation.Timeline;
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();
}
}
]
}
}
|
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 09:15.



















