欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于JS實(shí)現(xiàn)Android,iOS一個(gè)手勢(shì)動(dòng)畫效果

 更新時(shí)間：2016年04月27日 09:42:39   作者：AndButcher  
這篇文章主要介紹了基于JS實(shí)現(xiàn)Android,iOS一個(gè)手勢(shì)動(dòng)畫效果 的相關(guān)資料,需要的朋友可以參考下

廢話不多說了，先給大家展示下效果圖：

這是iOS下的效果，android下完全一致。通過do_GestureView組件和do_Animation組件，deviceone能很容易實(shí)現(xiàn)復(fù)雜的跨平臺(tái)純?cè)鷦?dòng)畫效果,這個(gè)示例就是通過手勢(shì)控制圖片上下動(dòng)畫滑動(dòng)實(shí)現(xiàn)開合效果，還支持聲音效果。

下面是主要的代碼

//index.ui.js
var 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("PrePagemoved", 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");
});
});

相關(guān)文章

  • javascript 模擬點(diǎn)擊廣告

    javascript 模擬點(diǎn)擊廣告

    我們不管js或iframe怎么調(diào)用的，模擬點(diǎn)擊就意味著打開廣告鏈接，廣告商就以為用戶點(diǎn)擊了他的廣告，所以我們只要保證點(diǎn)擊了一個(gè)鏈接但沒有跳出頁面的結(jié)果就行了，是嗎？
    2010-01-01
  • javascript實(shí)現(xiàn)貪吃蛇小游戲思路

    javascript實(shí)現(xiàn)貪吃蛇小游戲思路

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)貪吃蛇思路小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-09-09
  • es6學(xué)習(xí)筆記之Async函數(shù)的使用示例

    es6學(xué)習(xí)筆記之Async函數(shù)的使用示例

    async 函數(shù)，使得異步操作變得更加方便。它是 Generator 函數(shù)的語法糖。下面這篇文章主要給大家介紹了es6學(xué)習(xí)筆記之Async函數(shù)使用的相關(guān)資料，文中給出了詳細(xì)的示例代碼，需要的朋友們下面來一起看看吧。
    2017-05-05
  • js的表單操作 簡(jiǎn)單計(jì)算器

    js的表單操作 簡(jiǎn)單計(jì)算器

    javascript寫的簡(jiǎn)單的加減乘除計(jì)算器，里面涉及到一些方法還是很實(shí)用的哦，新手不要錯(cuò)過
    2011-12-12
  • 微信小程序?qū)崿F(xiàn)書架小功能

    微信小程序?qū)崿F(xiàn)書架小功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)書架小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-08-08
  • 淺談layui框架自帶分頁和表格重載的接口解析問題

    淺談layui框架自帶分頁和表格重載的接口解析問題

    今天小編就為大家分享一篇淺談layui框架自帶分頁和表格重載的接口解析問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • JavaScript與DropDownList 區(qū)別分析

    JavaScript與DropDownList 區(qū)別分析

    大家都知道，.NET中一些Web服務(wù)器控件解析并編譯，最終被渲染的時(shí)候，其實(shí)是轉(zhuǎn)化成了普通的html控件。
    2010-01-01
  • js+css實(shí)現(xiàn)打字效果

    js+css實(shí)現(xiàn)打字效果

    這篇文章主要為大家詳細(xì)介紹了js+css打字效果的實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2018-04-04
  • Js操作DOM元素及獲取瀏覽器高寬的簡(jiǎn)單方法

    Js操作DOM元素及獲取瀏覽器高寬的簡(jiǎn)單方法

    下面小編就為大家?guī)硪黄狫s操作DOM元素及獲取瀏覽器高寬的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-09-09
  • 原生js實(shí)現(xiàn)移動(dòng)小球（碰撞檢測(cè)）

    原生js實(shí)現(xiàn)移動(dòng)小球（碰撞檢測(cè)）

    這篇文章主要介紹了原生js實(shí)現(xiàn)會(huì)動(dòng)的小球，碰撞檢測(cè)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-12-12

最新評(píng)論