zoom animation using animation with block based methods in Ipad

[ashwinr87]

Hi,

I have a zoom animation in which when I perform an action, a view comes up in a zooming fashion.

The code I use to do this is,

    CGFloat xpos = self.view.frame.origin.x;
    CGFloat ypos = self.view.frame.origin.y;
    popContents.view.frame = CGRectMake(xpos+100,ypos+150,5,5);
    [UIView beginAnimations:@"Zoom" context:NULL];
    [UIView setAnimationDuration:0.8];
    popContents.view.frame = CGRectMake(320, ypos-70, 350, 350);
    [UIView commitAnimations];
    [self.view.superview addSubview:popContents.view];

I just realized that in ios 4.0, usage in this fashion is not recommended and animations using block based methods is recommended..

I tried looking for any sort of example which would give me a hint to get the zooming effect I need using the block based methods but I have not been able to find any...

It would be great if anyone could help me out in this...

[smithdale87]

This thread has an example of how to use the blocks.

[ashwinr87]

Thank you for the quick reply..
I kind of figured out how to use animation using block based methods.. however, I am unable to figure out where I can add the "Zoom" effect similar to the one I used.

I usually used to add this following line to get a zooming effect

    [UIView beginAnimations:@"Zoom" context:NULL];

however in the animate using blocks I am not able to find out where to add this effect..

Originally Posted by smithdale87

This thread has an example of how to use the blocks.

[dany_dev]

this should help
Creating Basic Animations on iPhone | Switch on the Code

[ashwinr87]

Thank you for the link..
The problem is the way they are creating the animation is not recommended in Ios 4.0 and it is said that that type of coding will be depreciated soon...
The recommended way is to use animation with block based methods similar to the link that smithdale87 posted but I would like to know how to add the zooming effect...

Originally Posted by dany_dev

this should help
Creating Basic Animations on iPhone | Switch on the Code

[ashwinr87]

I figured it out...

Apparently "zoom" is just a name and does not do anything( as far as I experimented with it)

Here is how I achieve the effect using animate with block based methods...

[UIView animateWithDuration:0.8 animations:^ { popContents.view.frame = CGRectMake(160, 70, 350, 350);
			[self.view.superview bringSubviewToFront:self.view];
			[self.view.superview addSubview:popContents.view]; }
						 completion: ^(BOOL finished) {
							 NSLog(@"DONE");
						 }
		 ];

If I am wrong, please feel free to correct me...

[ashwinr87]

I have another question regarding the "options:" value.. say If I had written the following code,

[UIView animateWithDuration:0.8 delay:0.0 options: UIViewAnimationTransitionFlipFromLeft animations:^ { popContents.view.frame = CGRectMake(160, 70, 350, 350);
			[self.view.superview bringSubviewToFront:self.view];
			[self.view.superview addSubview:popContents.view]; }
						 completion: ^(BOOL finished) {
							 NSLog(@"DONE");
						 }
		 ];

I thought

options:UIViewAnimationTransitionFlipFromLeft

would have additional effect on my animation in addition to the zooming effect.. whatever value I give for the options: does not seem to affect my animations..

Would someone be able to help me out in this?

[ashwinr87]

here is the edited code...

 [UIView transitionWithView:self.view duration:1 options:UIViewAnimationOptionTransitionFlipFromLeft 
animations:^{ popContents.view.frame = CGRectMake(160, 70, 350, 350);
[self.view.superview bringSubviewToFront:self.view];
[self.view.superview addSubview:popContents.view];
		}
completion: ^(BOOL finished) {NSLog(@"DONE");}];

so what happens here is that the table view rotates while the popContents view zooms to position.. I understand that is what will happen since I had given

 transitionWithView:self.view

however, how will I be able to add this effect to the popContents view ( the view which zooms to position)... is it possible?
I tried

transitionWithView:popContents.view

but that does not seem to have any effect...