Customize animated:true
Hello,
I'm curious how I can customize how a window is closed. I ran across the animated:true property, where I can enable or disable animation:
Ti.UI.currentWindow.close({animated:true});
That works, but I'm curious how I can implemented a custom animation. All I'm looking for is a way to slide the window from the left to the right, or vice versa.
How can I accomplish this? "animated" is very general, but I'd like to customize that.
I'm also curious where "animated" is documented, I wasn't able to find anything in the documentation.
Thank you.
1 Answer
-
Ingmar
You may not have noticed that there is some more in-depth information on some, but not all, of the api doc pages. For example, a section about Window view animations can be found here.
The close() animation and display properties argument is mentioned here, although admittedly the information is brief. You can reach this page by clicking on the close method of the view (in this case, the Window view) page.
Searching the KitchenSink for the string "animated:" will bring up 41 examples, although mostly used with Titanium.UI.currentTab.open()/close(). This makes it apparent that animated takes a boolean value. You can experiment by changing between the two values in the KS, relaunching the app, and noting the result.
For more complex animations, investigate transforms, such as the one in this example of the KS.
Hope this is useful
Hal