サンプルプログラム集 > イメージのドラッグ1

「サンプルプログラム集/イメージのドラッグ1」の編集履歴(バックアップ)一覧はこちら

サンプルプログラム集/イメージのドラッグ1」(2007/06/13 (水) 01:17:13) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

*イメージのドラッグ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()

表示オプション

横に並べて表示:
変化行の前後のみ表示:
ツールボックス

下から選んでください:

新しいページを作成する
ヘルプ / FAQ もご覧ください。