Scale UIView with the top center as the anchor point?

objective-c uiview calayer
Alistair Holt picture Alistair Holt · Dec 23, 2012 · Viewed 22k times · Source

I'm scaling a UIView with CGAffineTransformMakeScale but I want to keep it anchored to it's current top center point as it's scaled.

I've looked into setting view.layer.anchorPoint but I believe I need to use this in conjunction with setting view.layer.position to account for the change in the anchor point.

If anyone could point me in the right direction I'd be very grateful!

Answer

rob mayoff picture rob mayoff · Dec 23, 2012

Take a look at my answer here to understand why your view is moving when you change the anchor point: https://stackoverflow.com/a/12208587/77567

So, start with your view's transform set to identity. When the view is untransformed, find the center of its top edge:

CGRect frame = view.frame;
CGPoint topCenter = CGPointMake(CGRectGetMidX(frame), CGRectGetMinY(frame));

Then the anchor point to the middle of the top edge:

view.layer.anchorPoint = CGPointMake(0.5, 0);

Now the layer's position (or the view's center) is the position of the center of the layer's top edge. If you stop here, the layer will move so that the center of its top edge is where its true center was before changing the anchor point. So change the layer's position to the center of its top edge from a moment ago:

view.layer.position = topCenter;

Now the layer stays in the same place on screen, but its anchor point is the center of its top edge, so scales and rotations will leave that point fixed.

Related questions

CALayers didn't get resized on its UIView's bounds change. Why?

I have a UIView which has about 8 different CALayer sublayers added to its layer. If I modify the view's bounds (animated), then the view itself shrinks (I checked it with a backgroundColor), but the sublayers' size remains unchanged. How to …

Read More
Rounded UIView using CALayers - only some corners - How?

In my application - there are four buttons named as follows: Top - left Bottom - left Top - right Bottom - right Above the buttons there is an image view (or a UIView). Now, suppose a user taps on …

Read More
AVPlayer layer inside a view does not resize when UIView frame changes

I have a UIView which contains an AVPlayer to show a video. When changing orientation, I need to change the size and location of the video. I'm not very experienced with resizing layers, so I'm having problems making the video …

Read More