I am curious what type of animation you are doing? The Rotate effect does animate from the center. Resize animates from the upper left, but can be made to look like it is from the center if you use a Move effect in parallel.
You may also look at editing the bounds of your component. The upper left of the bounds is the origin of the object. To do this:
1. Double click to edit a component
2. Go to the menu Modify > Auto Size Component Bounds (name may be slightly different in your build)
3. Editable bounds will now be displayed around your content
4. Drag the corners around to adjust the bounds.
I have a simple rectangle that is 60 x 60 which is inside a button component. The size of the box is 60 x 60 in the up state. What I'd liike is for the box to resize itself to 100 x 100 when it's in the over state and back to 60 x 60 in the up state. The resize works only the resize happens from the upper left instead of the center. Let me know if you need further clairification.
I have attached an example fxp file of a button that grows from the center on rollover.
Here is how I made it:
1. Draw 60 x 60 rect
2. Select rect, right click, and choose Convert to component > Button
3. Double click new button to edit in
4. Click the "over" state in the States panel
5. Choose menu Modify > Auto size component bounds. Uncheck the option
Now the components bounds are displayed
6. Select the rect in the "over" state and resize it to 100 x 100 by dragging in the corner (in beta 2 you will be able to hold down a modifier to resize from center)
7. Drag the rect to recenter it within the bounds
Now on to the animation
8. Open the timelines panel
9. select the "up > over" transition. You will see a "Move" and "Resize" action automatically generated because Catalyst recognizes the object has moved and resized in those states.
10. Click smooth
11. select the "over > up" transition.
10. Click smooth
Run your project
One tip: sometimes changing the size of a button on rollover can cause problems because the buttons hit area is moving (since you are animating it) so you can sometimes get a rollout right after a rollover even when the mouse is not moving. This can cause flashing. To avoid this problem, draw a rect that is as large as the largest state in the button and make it transparent. This will act as your mouse hit area.
growing button.fxp.zip 19.2 K
Just got back. Thanks for the reply. I will look into this option this week. Will let you know if I have any problems.