How to Create "Slide" Animation Without Tabs?
Hello,
In the KitchenSink application, screen transitions use the "slide" effect on both iPhone and Android. This is apparently accomplished using the open
method of a tab, like this on line 61 in main_windows/base_ui.js
:
Titanium.UI.currentTab.open(win,{animated:true});
Apparently there is an open
method on a Tab
object that will create the slide transitions between screens.
My questions:
Where is the
open
method of aTitanium.UI.Tab
object documented? I don't see it here: http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.Tab-objectWhere is the
currentTab
property ofTitanium.UI
documented? I don't see it here:
http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI-moduleIf I'm not using tabs like KitchenSink does, how do I create the "slide" transition? Does a
Titanium.UI.Window
have anopen
method like tab does?
Thank you!!!!
-Ryan
2 Answers
-
As per the question here checkout NavigationGroup
I'm just looking into it now myself but I think this is what we're looking for.
-
You might look into something like this:
var t = Ti.UI.create2DMatrix().translate(win.width,0); win.animate({translate:t,duration:5000,opacity:0.1}, function(){ win.close(); });
The transform doesn't work for some reason.. but if you can get the animate to move the left/right side to the opposite that is what you want.