JavaFX/AnimatedIcon のバックアップソース(No.2)
- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- 現在との差分 - Visual を表示
- バックアップ を表示
- JavaFX/AnimatedIcon へ行く。
TITLE:JavaFX Script でアイコンのアニメーション #navi(../) *JavaFX Script でアイコンのアニメーション [#k5f150de] >編集者:[[Terai Atsuhiro>terai]]~ 作成日:2006-05-18~ 更新日:&lastmod; #contents **概要 [#ka6e16c6] JavaFX ScriptでFireFox風のAnimated Icon を作成します。 //#screenshot http://terai.xrea.jp/data/jfx/animatedicon/AnimatedIcon.png **サンプルコード [#sdbe46e7] #code{{ import javafx.ui.*; import javafx.ui.canvas.*; public class Timer { private attribute rotationValue: Number; public attribute running: Boolean; } attribute Timer.rotationValue = bind if running then [0,45..360] dur 1040 linear while running continue if true else 0; class CircleRtation extends CompositeNode { public attribute animating: Boolean; attribute radius: Number; attribute fill: Color; } attribute CircleRtation.radius = 6; attribute CircleRtation.fill = green; operation CircleRtation.composeNode() { var r = 2*radius; var c = 2*r+5; //2>(sqrt(2)+0.5), margin=5+r*(1.5-sqrt(2)) var t = Timer {running: bind animating}; return Group { transform: bind [rotate(t.rotationValue, c, c), translate(c, c)] content: [foreach (i in [1..8]) Circle { radius: this.radius, fill: bind fill, opacity: 0.1*i, transform: [translate(-r, -r), rotate(i*45, r, r)] }, Circle { fill: Color{ opacity: 0 } radius: r onMousePressed: operation(e:CanvasMouseEvent) { t.running = false; } onMouseReleased: operation(e:CanvasMouseEvent) { t.running = true; } onMouseEntered: operation(e:CanvasMouseEvent) { fill = red; } onMouseExited : operation(e:CanvasMouseEvent) { fill = green; } }] }; } var cr = CircleRtation{ animating: true }; Frame { title : "JavaFX - Icon Animation" width : 320 height : 120 content: Canvas { content: cr } centerOnScreen: true visible: true onClose: operation() { //System.exit(0); cr.animating = false; } }; }} //-&jnlp; //-&jar; //-&zip; **解説 [#f26b3d04] 準備中 **参考リンク [#c6663f28] -[https://openjfx.dev.java.net/servlets/ReadMsg?listName=users&msgNo=90:title=Simple example of a clock] -[http://jfx.wikia.com/wiki/Animation_Syntax:title=Animation Syntax - Planet JFX - a Wikia wiki] **コメント [#xf9978dd] #comment