「サンプルプログラム集/イメージのドラッグ1」の編集履歴(バックアップ)一覧はこちら
追加された行は緑色になります。
削除された行は赤色になります。
*イメージのドラッグ1
2007/6/12 (c)jollyrojer jollyrojer@jollysystem.net
画像をドラッグで動かせるサンプルプログラム。DragableImageクラスを追加していけば容易に画像を追加できる。
&ref(dragable.gif)
import javafx.ui.*;
import java.lang.System;
import javafx.ui.canvas.*;
class DragableImage extends ImageView{
attribute x : int;
attribute y : int;
}
trigger on new DragableImage{
var imgX;
var imgY;
this.onMousePressed = operation(e:CanvasMouseEvent){
imgX = e.x;
imgY = e.y;
};
this.onMouseDragged = operation(e:CanvasMouseEvent){
var x = e.x - imgX;
var y = e.y - imgY;
this.x += x;
this.y += y;
imgX = e.x;
imgY = e.y;
};
this.transform = translate(bind this.x,bind this.y);
}
Frame{
title : "MyJavaFX"
width : 200
height : 200
content : Canvas{
content : Group{
content : [
DragableImage{
x : 50
y : 50
cursor : MOVE:Cursor
image : Image{
url : "./duke.gif"
}
},
DragableImage{
x : 20
y : 20
cursor : MOVE:Cursor
image : Image{
url : "./duke.gif"
}
}
]
}
}
visible : true
}
----
&trackback()
*イメージのドラッグ1
#right(){2007/6/12 (c)jollyrojer jollyrojer@jollysystem.net}
画像をドラッグで動かせるサンプルプログラム。DragableImageクラスを追加していけば容易に画像を追加できる。
&ref(dragable.gif)
import javafx.ui.*;
import java.lang.System;
import javafx.ui.canvas.*;
class DragableImage extends ImageView{
attribute x : int;
attribute y : int;
}
trigger on new DragableImage{
var imgX;
var imgY;
this.onMousePressed = operation(e:CanvasMouseEvent){
imgX = e.x;
imgY = e.y;
};
this.onMouseDragged = operation(e:CanvasMouseEvent){
var x = e.x - imgX;
var y = e.y - imgY;
this.x += x;
this.y += y;
imgX = e.x;
imgY = e.y;
};
this.transform = translate(bind this.x,bind this.y);
}
Frame{
title : "MyJavaFX"
width : 200
height : 200
content : Canvas{
content : Group{
content : [
DragableImage{
x : 50
y : 50
cursor : MOVE:Cursor
image : Image{
url : "./duke.gif"
}
},
DragableImage{
x : 20
y : 20
cursor : MOVE:Cursor
image : Image{
url : "./duke.gif"
}
}
]
}
}
visible : true
}
----
&trackback()