Animation In Menu Like Angry Birds or Tiny Wings

[azhar.hussain]

I was wondering how to add a scrolling menu to my app like tiny wings or angry birds. In tiny wings, the background moves from right to left and I was wondering how they accomplished that. Thanks in advance.

[Duncan C]

Originally Posted by azhar.hussain

I was wondering how to add a scrolling menu to my app like tiny wings or angry birds. In tiny wings, the background moves from right to left and I was wondering how they accomplished that. Thanks in advance.

Take a look at Core Animation. That makes this sort of thing quite easy.

For iOS 4.0 and later, UIView has some class methods like animateWithDuration:animations: that let you specify a code block to execute as an animation.

All you'd have to do is write a block that changes the center property of an image view so that it moves from right to left across the screen. Something like this:

[UIView animateWithDuration:1.0 
  animations:
  ^{
        myImageView.center = CGPointMake(0, 100);
    }
];

[azhar.hussain]

Originally Posted by Duncan C

Take a look at Core Animation. That makes this sort of thing quite easy.

For iOS 4.0 and later, UIView has some class methods like animateWithDuration:animations: that let you specify a code block to execute as an animation.

All you'd have to do is write a block that changes the center property of an image view so that it moves from right to left across the screen. Something like this:

[UIView animateWithDuration:1.0 
  animations:
  ^{
        myImageView.center = CGPointMake(0, 100);
    }
];

I don't fully understand how you are implement this. Could you please elaborate, or make a real quick example project? Thanks! I'm usually on stack overflow so I'm kinda new here. Thanks for all the help though!

[Duncan C]

Originally Posted by azhar.hussain

I don't fully understand how you are implement this. Could you please elaborate, or make a real quick example project? Thanks! I'm usually on stack overflow so I'm kinda new here. Thanks for all the help though!

The code I posted is all you need.

Create an image view. Place it in your view controller and set up an outlet.

Calculate the new center position you want to animate the view to. You can modify the code I posted to get the existing center of the view, then add or subtract from the X coordinate of the center, and then set the new center coordinate inside the animation block.