Moving UIView from bottom to top

Question

How can I move a view from bottom to top on my code:

colorView.hidden=NO;
colorView=[[UIView alloc]init];
colorView.frame=CGRectMake(0,480,320, 480);
colorView.bounds=CGRectMake(0,200,320, 280);
colorView.backgroundColor=[UIColor greenColor];
colorView.alpha=1.0f;
[webView addSubview:colorView];
[self.view addSubview:webView];
[self createTransparentView];

So how can I add the animation here?

What have you tried? Which research have you done prior to asking this question? — autistic, Apr 08 '13 at 04:05
you could use CATransition on view layer http://stackoverflow.com/a/23195924/1378447 — Warif Akhand Rishi, Apr 21 '14 at 10:55

score 55 · Accepted Answer · edited Jul 13 '17 at 09:27

55

Initially, add your view:

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

For the animation from bottom to top add below:

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

For removing the view

[UIView animateWithDuration:1.5
                              delay:0.5
                            options: UIViewAnimationOptionCurveEaseIn
                         animations:^{
    self.postStatusView.frame = CGRectMake(0, 490, 320, 460);
                         }
                         completion:^(BOOL finished){
                             if (finished)
                                 [self.postStatusView removeFromSuperview];
                         }];

edited Jul 13 '17 at 09:27

Itai Spector

652
11
24

answered Apr 08 '13 at 04:53

Vinodh

5,262
4
38
68

postStatus is ur view name ryt? – Naveen Apr 08 '13 at 05:01
1

Should that be `UIViewAnimationOptionCurveEaseIn` (emphasis on **Option**)? – Brian White Sep 11 '14 at 12:54
3

Replaced `UIViewAnimationCurveEaseIn` by `UIViewAnimationOptionCurveEaseIn` in XCODE 6.1. Then it worked. – byJeevan Jan 12 '15 at 10:45
1

does actually works? For me it doesn't nothing, just adds the view when completed at the right location. – Ace Green Aug 17 '15 at 21:34
How Can achieve it animating from Top to bottom... And my subview should be placed at x : 7 and y : 70. As well as for removing from bottom to top – Abirami Bala Oct 22 '16 at 07:09
@AbiramiBala just animate with X position value , above code deals with y position value – Vinodh Jan 24 '17 at 03:54

score 3 · Answer 2 · edited Mar 21 '15 at 13:53

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

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

[UIView animateWithDuration:1.5
                          delay:0.5
                        options: UIViewAnimationCurveEaseIn
                     animations:^{
self.colorView.frame = CGRectMake(0, 490, 320, 460);
                     }
                     completion:^(BOOL finished){
                             [self.colorView removeFromSuperview];
                     }];

Rather than just throwing some code out, it would be much more useful to explain what is being done and why, — David Berry, Mar 21 '15 at 05:45

score 0 · Answer 3 · answered Aug 31 '16 at 07:46

self.tableView.frame = CGRectMake(0, 490, [[UIScreen mainScreen] bounds].size.width, [[UIScreen mainScreen] bounds].size.height);

[UIView animateWithDuration:.35
                      delay:0.0
                    options:  UIViewAnimationOptionCurveEaseInOut
                 animations:^{
                     self.tableView.frame = CGRectMake(0, -20, [[UIScreen mainScreen] bounds].size.width, [[UIScreen mainScreen] bounds].size.height);
                 }
                 completion:^(BOOL finished){
                     [UIView animateWithDuration:0.1   delay:0.0
                      options:  UIViewAnimationOptionCurveEaseInOut   animations:^{

                         self.tableView.frame = CGRectMake(0, 20, [[UIScreen mainScreen] bounds].size.width , [[UIScreen mainScreen] bounds].size.height);

                     } completion:^(BOOL finished){

                         [UIView animateWithDuration:0.1   delay:0.0
                          options:  UIViewAnimationOptionCurveEaseInOut animations:^{

                              self.tableView.frame = CGRectMake(0, 0, [[UIScreen mainScreen] bounds].size.width, [[UIScreen mainScreen] bounds].size.height);

                         } completion:^(BOOL finished){

                }];
        }];
 }];

Moving UIView from bottom to top

3 Answers3

Linked