How to change zIndex before animating a 3DMatrix Transform rotation

You must Login before you can answer or comment on any questions.

Application Type: Mobile, Titanium SDK: 2.1.3 GA, Platform: iOS 6, Device: iOS Simulator,

I'm trying to animate a flip/scale transition. Am I correct in my observation that animating Views automatically get rendered on top of non animating elements within the same parent?

When animating a view to flip using a 3DMatrix Transofrm e.g. matrix.rotate(180, 0, 1, 0); the zIndex of the view doesn't get updated until the end of the animation. Because of this it will appear behind other views until the animation completes (imagine animating a single element within a grid layout). In contrast a non rotating 3D transform appears to update immediately.

Is this a bug? Is there any way to force the zIndex to a high number before the animation occurs? I've tried explicitly setting it via view.zIndex = 99, view.updateLayout({zIndex: 99});, Ti.UI.createAnimation({zIndex: 99}), and even waiting for the view.addEventListener('postlayout', handler); event to fire before animating, but all no to avail.

— asked 7 months ago by Tim Keir
0 Comments

Your Answer

Think you can help? Login to answer this question!