Question

Possible Duplicate:
UIImageView Transform Scale

I am trying to achieve something similar to the screenshot down below.

I have tried to do this by simply changing the view’s frame property and increasing its width and height but it

1) does not really enlarge the view and its subviews it just increases the size
2) It only increases its size from the left so it does not look even

Also is there a way I can have this animated? I could just place it in UIView's animateWithDuration: block right?

Answer 1

There are 2 approaches you can take –

1. If you are using standard UITableView then simply use Managing the Reordering of Rows

2. If you are not using UITableView and are doing something more custom with UIViews then
   what you need is a property called scale. Scaling a view is done using Core Graphics Affine transforms when you’re looking to affect the UIView (as opposed to the layer which use Core Animation transforms).

To scale a view use – this scales the view to 2x.

// 2x
[yourView setTransform:CGAffineTransformMakeScale(2.0, 2.0)];

To translate, use

// Move origin by 100 on both axis
[yourView setTransform:CGAffineTransformMakeTranslation(100.0, 100.0)];

You can also play around with alpha to set it to say 0.5 to give it that extra cool look you have put in the screenshot.

To animate these, wrap them in an animation block. If you want to transform the view with both of these, then you need to concatenate them.