Wie mache ich Dia-Animation für Titan

Question

Ich habe ein Fenster und eine Ansicht und diese Ansicht decken die 76% des Bildschirms.

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); 
}); 

Was ich tun möchte, ist die Ansicht von rechts Schlitten des Bildschirms schieben. Wie mache ich das? Ich denke, ich sollte animate-Methode verwenden, aber, Hat jemand Probe-Quelle oder etwas ??

Answer 1

Um etwas zu animieren, müssen Sie in der Tat die animate Methode verwenden. Hier ist ein Beispiel für Sie:

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; 
});