チタンのスライドアニメーションを作成する方法

Question

私は1つのウィンドウと1つのビューを持ち、このビューは76％のスクリーンをカバーしています。

var win = Ti.UI.createWindow({ 
    backgroundColor: 'white', 
    navBarHidden: true, 
}); 

var view = Ti.UI.createView({ 
    backgroundColor:backgroundColor , 
    width:'76%',right:0,left:'24%', 
    height:'100%' 
}); 

win.addEventListener('click',function(e){ 
    win.add(view); 
}); 

私がしたいのは、画面の右のスライドからビューをスライドさせることです。 どうすればいいですか？ 私はアニメートメソッドを使うべきだと思います。,,,, 誰かがサンプルソースを持っていますか？

Answer 1

何かをアニメートするには、確かにanimateメソッドを使用する必要があります。ここ はあなたのための例です：

var view = Ti.UI.createView({ 
    backgroundColor:'yellow', 
    width:'76%', 
    right:-Ti.Platform.displayCaps.getPlatformWidth(), 
    onScreen:false 
}); 
win.tiview.add(view); 

win.tiview.addEventListener('click',function(e){ 
    var viewShowAnimation = Ti.UI.createAnimation({ 
     duration:250, 
     right:0 
    }); 
    var viewHideAnimation = Ti.UI.createAnimation({ 
     duration:250, 
     right:-Ti.Platform.displayCaps.getPlatformWidth() 
    }); 
    if(view.onScreen){ 
     view.animate(viewShowAnimation); 
    }else{ 
     view.animate(viewHideAnimation); 
    } 
    view.onScreen = !view.onScreen; 
});