Je ne dirai pas beaucoup de bêtises, montrons-nous les rendus:
C'est l'effet sous iOS, et il est complètement cohérent sous Android. Grâce au composant DO_GETUREVIEW et le composant DO_ANIMation, DeviceOne peut facilement atteindre des effets d'animation natifs purs multiplateaux complexes. Cet exemple est de contrôler le glissement de l'animation de haut en bas de l'image à travers des gestes pour réaliser l'effet d'ouverture et de clôture, et de prendre également en charge les effets sonores.
Ci-dessous est le code principal
//index.ui.jsvar do_animator1 = mm ("do_animator"); do_animator1.append (500, {y: -1334, courbe: "linéaire"}); var do_animator2 = mm ("do_animator"); do_animator2.Append (500, {y: 0, courbe: "linéaire"}); do_page.on ("nextPageMoveing", function () {currentView = json_define [currentIndex] .View; currentIndex ++; if (currentIndex> = json_define.length) currentIndex = 0; NextView = JSON_DEFINE [actuelydex] .view; pour (var var = 0; i = 0; i <json_define.length; ++ i) {if (json_define [i] .view! = currentView && json_define [i] .view! = NextView) {json_define [i] .view.visible = false;} else {json_define [i] .view.visible = true;}} actuel. "NextPageMove");}); do_page.on ("nextPageMove", function () {nextView.fire ("initmoving", "nextPageMoved");}); do_page.on ("nextPageMoved", function () {currentView.y = 0; NextView.y = 1332; do_alayout_main.y = 0; do_alayout_main.redraw (); do_alayout_main.animate (do_animator1, function () {NextView.fire ("ouverture");});}); do_page.on ("PrepageMoveing", fonction () {CurrentView = Json_Define [CurrentIndex. (currentIndex <0) currentIndex = json_define.length -1; nextview = json_define [currentIndex] .View; currentView.fire ("Closinghead", "prepageMove");}); do_page.on ("prepageMove", function () {NextView.fire ("initMoving", "PrepageMove"); }); do_page.on ("prepageMove", function () {for (var i = 0; i <json_define.length; ++ i) {if (json_define [i] .view! = CurrentView && json_define [i] .view! = NextView) {json_define [i] .view.visible = false;} else {json_define [i] .view.visible = true;}} currentView.y = 1332; nextview.y = 0; do_alayout_main.y = -1334; do_alayout_main.reraw (); do_alayout_main.animate (do_animator2,,); do_alayout_main.animate2, do_animator2,); do_alayout_main.animat function () {nextView.fire ("ouverture");});});