Scaling from Center?

Roy D. McKelvey shared this question 4 years ago
Answered

How do you animate an opening icon to scale up from center? I don't see a settable origin point... It seems to default to scaling from the upper-left corner.


It seems this would be a commonly desired effect to bring an icon into an opening splash screen for an app.

Comments (5)

photo
1

Hi Roy,


are you thinking about something like this example? https://www.justinmind.com/usernote/t...


The upper-left corner is the coordinate (0,0) but you can use any point of the canvas as you wish. Also, you can use relative coordinates if you leave the object inside a dynamic panel.


Best regards.

photo
1

I don't think this is exactly it. In this example, the app icon drops down from the top but does not scale. I'd like to have an application icon start out at, say 5 by 5 pixels and then scale up to, say 200 by 200 pixels from its center. The effect would be to have it zoom up directly toward the user, but fixed in place.


I'm not sure if there's a similar issue with rotation, but in other work I've done, I occasionally want an element to rotate about one of its corners, not the center.


Either of these effects is usually done by setting an origin point on the object...


Thanks!

photo
1

Hi Roy,


select the image that you want to do the effect and click with the right button. Then, select "group in dynamic panels". Once it's done, select the dynamic panel, go to the properties tab and set the layout to center the content horizontally and vertically.


Now, click on the canvas and create an "on page load" event. Then, select the "resize" action, choose the image and change the size of the image. Also, you will be able to select an effect for the resize.


About the rotation question, right now its from the center. I will include your suggestion in our wishlist.


Best regards.

photo
1

Didn't work for me

photo
1

Hi Carl,


You should follow the steps mentioned and also change at the properties tab the Layout and Alignment positions. (see screenshot). I hope this helps.


Best,


Sonia Durán


92c91a991794eb6ac971b68e4fc8c645