Как сделать слайд-анимацию для титана

Question

У меня есть одно окно и один вид, и этот вид охватывает 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; 
});