2012-11-27 53 views
0

我是appcelerator.titanium的新手。我從今天開始發展。添加頁面捲曲動畫來查看按鈕在Appcelerator.Titanium上的時間

我的問題是, 當我在其中一個視圖上點擊一個按鈕時,我想顯示頁面捲曲過渡效果。

我用下面的代碼來做到這一點。但是應用程序崩潰了。我在SO和鈦文檔中搜索了很多。但找不到解決方案。

//This function returns a window 

function ApplicationWindow() 
{ 
    //load component dependencies 
    var FirstView = require('ui/common/FirstView'); 

    //create component instance 
    var self = Ti.UI.createWindow({ 
     backgroundColor:'#ffffff' 
    }); 

    //construct UI 
    var firstView = new FirstView(); 
    self.add(firstView); 

    //Adding button for displaying view 2 
    var button1 = Ti.UI.createButton({ 
     height : '50', 
     width : '50%', 
     top  : '70%', 
     title : 'Add Child' 
    }); 

    //Adding event listner for button 
    button1.addEventListener('click',function(e){ 
     var view = createView(); 
     win.add(view); 
    }); 
    self.add(button1); 

    //creating second view 
    function createView() 
    { 
     var view = Ti.UI.createView({ 
      backgroundColor : '#aabbcc' 
     }); 

      //creating button for view 2 
     var button2 = Ti.UI.createButton({ 
     height : '50', 
     width : '50%', 
     top  : '70%', 
     title : 'Show Curl' 
    }); 

    //Adding event listner for button 
    button2.addEventListener('click',function(e) 
    { 
      //creating animation 
     var animation = Titanium.UI.createAnimation({ 
     transition : Ti.UI.iPhone.AnimationStyle.CURL_UP 
      }); 
     animation.backgroundColor = 'black'; 
     animation.duration = 1000; 
     var animationHandler = function() { 
      animation.removeEventListener('complete',animationHandler); 
      animation.backgroundColor = 'orange'; 
      view.animate(animation); 
     }; 
     animation.delay = 5000 
     animation.addEventListener('complete',animationHandler); 
     view.animate(animation); 
    }); 

    view.add(button2); 
    return view; 
    } 
    return self; 
} 

//creating window and opening 
var win = ApplicationWindow(); 
win.open(); 

在此先感謝

回答