I won’t say much nonsense, let’s show you the renderings:
This is the effect under iOS, and it is completely consistent under Android. Through the do_GestureView component and the do_Animation component, deviceone can easily achieve complex cross-platform pure native animation effects. This example is to control the up and down animation sliding of the image through gestures to achieve the opening and closing effect, and also support sound effects.
Below is the main code
//index.ui.jsvar do_Animator1 = mm("do_Animator");do_Animator1.append(500, {y: -1334,curve:"Linear"});var do_Animator2 = mm("do_Animator");do_Animator2.append(500, {y: 0,curve:"Linear"});do_Page.on("NextPagemoveing", function(){currentView=json_define[currentIndex].view;currentIndex++; if (currentIndex>=json_define.length) currentIndex=0;nextView=json_define[currentIndex].view;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.fire("closingBottom", "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("opening");});});do_Page.on("PrePagemoveing", function(){currentView=json_define[currentIndex].view;currentIndex--;if (currentIndex<0) currentIndex=json_define.length -1;nextView=json_define[currentIndex].view;currentView.fire("closingHead", "PrePagemove");});do_Page.on("PrePagemove", function(){nextView.fire("initMoving", "PrePagemoved"); });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.redraw();do_ALayout_main.animate(do_Animator2, function(){nextView.fire("opening");});});