The animations introduced in FM13 are great, but they still don’t let us animate the transition from one layout to another. This is something we’re looking for as it’s often used in iOS apps to move from list to detail and back again.
However, using full-layout slide panels, we can animate layout transitions as long as we’re careful to get the timings right. Our unlocked example file demonstrates how to do this in your own solutions and introduces using OnTimer triggers to queue animations that might otherwise be invisible within a single script.
Be sure to check out Part 1 of this article, showing how to make animated buttons, here.
FileMaker 13 – Go To Layout Animation
The video below demonstrates the animations and goes into how the scripts work. The whole thing is really pretty simple…
A couple notes for when you add this to your own files:
- The script decides to animate “left” or “right” based on the order of your layouts in the layout list. If you’re going to a layout “before” the one your on, we slide left. Heading to one “after” your layout, we slide right.
- This doesn’t work / apply in Web Direct since animations aren’t supported there.
- The animations don’t fire when you navigate using the layout menu, though I imagine they could. (Anyone want to mod that?)
- Objects placed on your “for-animation-only” panels don’t need to work. So while you’ll see we have navigation icons on these panels, that’s only because users see them during the animations. Users never interact with these panels.
- Finally, each layout also has an On Layout Enter script trigger: don’t forget those when you add this to your file.
Download the unlocked example file here: LayoutAnimations.fmp12
More Best-Of FileMaker 13 articles.