Move object from bottom to top

Question

I’ve an image of arrow, i want to fly that image from bottom to top.I've research on that but can not find the proper solution.

self.View.frame = CGRectMake(0, 490, 320, 460);

For the animation from bottom to top add below:

[UIView animateWithDuration:0.5
                      delay:0.1
                    options: UIViewAnimationCurveEaseIn
                 animations:^{
                     self.View.frame = CGRectMake(0, 0, 320, 460);
                 } 
                 completion:^(BOOL finished){
                 }];
[self.view addSubview:self.View];

I've used this code, but its not fulfill my requirement.

I want to fly the arrow like this : link

Thanks.

Possible duplicate of [Moving UIView from bottom to top](http://stackoverflow.com/questions/15870479/moving-uiview-from-bottom-to-top) — Rahul Mayani, Sep 16 '16 at 11:07

score 1 · Accepted Answer · answered Sep 16 '16 at 12:46

I made a sample animation for your requirement.

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIImageView *arrowImageView;
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *arrowLeadingSpaceConstraint;
- (IBAction)goButtonTapped:(id)sender;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.


    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent animated:YES];

     float degrees = 270; //the value in degrees
    self.arrowImageView.transform = CGAffineTransformMakeRotation(degrees * M_PI/180);

}


- (IBAction)goButtonTapped:(id)sender {

   // self.arrowLeadingSpaceConstraint.constant = 310;

    self.arrowImageView.frame = CGRectMake(310, 574, 20, 30);

    float degrees = 270; //the value in degrees
    self.arrowImageView.transform = CGAffineTransformMakeRotation(degrees * M_PI/180);



    [UIView animateWithDuration:0.2
                          delay:0.0
                        options: UIViewAnimationOptionCurveEaseOut
                     animations:^{

                         self.arrowImageView.frame = CGRectMake(100, 574, 20, 30);

                         self.arrowImageView.transform = CGAffineTransformMakeRotation(0 * M_PI/180);
                     }
                     completion:^(BOOL finished){

                         [UIView animateWithDuration:0.2
                                               delay:0.0
                                             options: UIViewAnimationOptionCurveEaseOut
                                          animations:^{

                                              self.arrowImageView.frame = CGRectMake(50, 150, 20, 30);


                                          }
                                          completion:^(BOOL finished){


                                              [UIView animateWithDuration:0.1
                                                                    delay:0.0
                                                                  options: UIViewAnimationOptionCurveEaseOut
                                                               animations:^{
                                                                        self.arrowImageView.frame = CGRectMake(80, 100, 20, 30);

                                                               }
                                                               completion:nil];

                                        }];

                     }];


}
@end

Please use the following link of my GitHub link, to test sample:

https://github.com/k-sathireddy/ArrowAnimation

Please make the animation smooth.

score 0 · Answer 2 · answered Sep 16 '16 at 11:12

0

Your Code Run Fine :

[self.view addSubview:self.View];

This Line Put Before Animation Code

answered Sep 16 '16 at 11:12

SBK

101
5

score 0 · Answer 3 · answered Sep 16 '16 at 12:55

You need to add your subView to your view before you try to animate it. For example:

// Add subview
[self.view addSubview:self.myView];

// Now animate it
[UIView animateWithDuration:0.5
        delay:0.1
        options: UIViewAnimationCurveEaseIn
        animations:^{
            self.myView.frame = CGRectMake(0, 0, 320, 460);
        } 
            completion:^(BOOL finished){
}];

Also, names that start with capital letters are reserved for classes. Rename View. Perhaps to myView, viewToAnimate, someRandomView, etc...

Move object from bottom to top

3 Answers3