Mercurial > MadButterfly
annotate nodejs/phone.js @ 791:85c5949352bb
Slide the dock of phone UI
| author | Thinker K.F. Li <thinker@codemud.net> |
|---|---|
| date | Tue, 31 Aug 2010 02:54:54 +0800 |
| parents | 9b2d803701e0 |
| children | bf2794eed702 |
| rev | line source |
|---|---|
| 789 | 1 // -*- indent-tabs-mode: t; tab-width: 4; c-basic-offset: 4; -*- |
| 2 // vim: sw=4:ts=8:sts=4:ai | |
| 3 var mbapp = require("./mbapp"); | |
| 4 var sys=require("sys"); | |
| 5 var animate=require("./animate"); | |
| 6 | |
| 7 app = new mbapp.app(":0.0", 320, 480); | |
| 8 app.loadSVG("phone_ui.svg"); | |
| 9 | |
| 10 var icons = []; | |
| 11 var r, c; | |
| 12 var mbname; | |
| 13 | |
| 14 for(r = 0; r < 4; r++) { | |
| 15 for(c = 0; c < 5; c++) { | |
| 16 mbname = "icon" + r + "" + c; | |
| 17 icons.push(app.get(mbname)); | |
| 18 } | |
| 19 } | |
| 20 | |
| 21 var overhint, presshint; | |
| 22 var overholder, pressholder; | |
| 23 overhint = app.get("overhint"); | |
| 24 presshint = app.get("presshint"); | |
| 25 overholder = new animate.holder(app, overhint); | |
| 26 pressholder = new animate.holder(app, presshint); | |
| 27 | |
| 28 var dock; | |
| 29 var dockholder; | |
| 30 dock = app.get("dock"); | |
| 31 dockholder = new animate.holder(app, dock); | |
| 32 | |
| 33 var i; | |
| 34 var icon; | |
| 35 for(i = 0; i < icons.length; i++) { | |
| 36 icon = icons[i]; | |
| 37 icon.mouse_event.add_event_observer(1, function(evt) { | |
| 38 var tgt = evt.cur_tgt; | |
| 39 | |
| 40 overholder.go_center(tgt); | |
| 41 }); | |
| 42 icon.mouse_event.add_event_observer(2, function(evt) { | |
| 43 overholder.home(); | |
| 44 }); | |
| 45 icon.mouse_event.add_event_observer(4, function(evt) { | |
| 46 var tgt = evt.cur_tgt; | |
| 47 | |
| 48 pressholder.go_center(tgt); | |
| 49 }); | |
| 50 } | |
| 51 | |
| 52 var sw = 0; | |
| 53 dock.mouse_event.add_event_observer(4, function(evt) { | |
|
791
85c5949352bb
Slide the dock of phone UI
Thinker K.F. Li <thinker@codemud.net>
parents:
789
diff
changeset
|
54 if(sw == 0) { |
|
85c5949352bb
Slide the dock of phone UI
Thinker K.F. Li <thinker@codemud.net>
parents:
789
diff
changeset
|
55 var an = new animate.linear(app, dock, 0, -300, 0.5); |
|
85c5949352bb
Slide the dock of phone UI
Thinker K.F. Li <thinker@codemud.net>
parents:
789
diff
changeset
|
56 an.start(); |
|
85c5949352bb
Slide the dock of phone UI
Thinker K.F. Li <thinker@codemud.net>
parents:
789
diff
changeset
|
57 } else { |
|
85c5949352bb
Slide the dock of phone UI
Thinker K.F. Li <thinker@codemud.net>
parents:
789
diff
changeset
|
58 var an = new animate.linear(app, dock, 0, 0, 0.5); |
|
85c5949352bb
Slide the dock of phone UI
Thinker K.F. Li <thinker@codemud.net>
parents:
789
diff
changeset
|
59 an.start(); |
|
85c5949352bb
Slide the dock of phone UI
Thinker K.F. Li <thinker@codemud.net>
parents:
789
diff
changeset
|
60 } |
| 789 | 61 sw = (sw + 1) % 2; |
| 62 }); | |
| 63 | |
| 64 app.loop(); |