1 person found this helpful
I tried this out with the button component and the xy postition and scale worked well for me.
- I set a start and end state.
- Changed the xy position and scale of a common button component instance in each state
- Added an interaction to the button to navigate between states
- Added smooth transitions between states
- Ran the file.
See file at this url. http://www.numencommunications.com/storage/fc_examples/ResizeComponentsTransition.fxp
Thanks for preparing the example. It looks like you've got it work for an out-of-the-box wireframe component. However as soon as the wireframe component is customized in any way you loose the ability to resize instances of it.
For example, double-click on the button in your example to edit the button's states. Don't make any modifications but click back to the Application in the bread crumb. You'll see that your button now appears now in the Library (as Button1), the resizing you applied to the instance of the button has been erased (what's that all about?) and you no longer get resize handles on the button instance on the parent's stage. This is the general case for custom components. (I have no idea why it works for unextended wireframe components tho').
Can you replicate this?
You're right on the custom component. Looks like you would need to create multiple states within your custom component (small, large) and then reposition the elements. Then in the main timeline, set your custom component state to 'small' or 'large' - depending on what's needed.
Hope this helps.