Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Transitioning with Views

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 373
    Comment on it

    To make the app look elegant and impressive, the programmers implement some animations or in other words transitions to switch between views. These transitions are provided by the Xcode libraries and are very easy to implement and use. The step by step method to implement the various transitions in your project is as follows.

    In the .h file of the ViewController declare 2 views and set Action for 8 buttons.

    @interface ViewController : UIViewController
    {
        UIView *view1;
        UIView *view2;
    }
    
    -(IBAction)flipFromTop:(id)sender;
    -(IBAction)flipFromBottom:(id)sender;
    -(IBAction)flipFromLeft:(id)sender;
    -(IBAction)flipFromRight:(id)sender;
    -(IBAction)curlUp:(id)sender;
    -(IBAction)curlDown:(id)sender;
    -(IBAction)dissolve:(id)sender;
    -(IBAction)noTransition:(id)sender;
    
    @end
    

    Having declared the necessary views and button actions, the .m file of the ViewController should contain the following code.

    @implementation ViewController
    - (void)viewDidLoad
    {
        [super viewDidLoad];
        [self setUpView];
        // Do any additional setup after loading the view, typically from a nib.
    }
    -(void)setUpView
    {
        view1 = [[UIView alloc]initWithFrame:self.view.frame];
        view1.backgroundColor = [UIColor lightTextColor];
    
        view2 = [[UIView alloc]initWithFrame:self.view.frame];
        view2.backgroundColor = [UIColor orangeColor];
    
        [self.view addSubview:view1];
        [self.view sendSubviewToBack:view1];
    }
    
    -(void)doTransitionWithType:(UIViewAnimationTransition)animationTransitionType
    {
        if ([[self.view subviews] containsObject:view2]) {
            [UIView transitionFromView:view2 toView:view1 duration:2 options:animationTransitionType completion:^(BOOL finished){
                [view2 removeFromSuperview];
    
            }];
            [self.view addSubview:view1];
            [self.view sendSubviewToBack:view1];
        }
        else
        {
            [UIView transitionFromView:view1 toView:view2 duration:2 options:animationTransitionType completion:^(BOOL finished){
                [view1 removeFromSuperview];
            }];
            [self.view addSubview:view2];
            [self.view sendSubviewToBack:view2];
        }
    }
    
    -(IBAction)flipFromTop:(id)sender
    {
        [self doTransitionWithType:UIViewAnimationOptionTransitionFlipFromTop];
    }
    
    -(IBAction)flipFromBottom:(id)sender
    {
        [self doTransitionWithType:UIViewAnimationOptionTransitionFlipFromBottom];
    }
    
    -(IBAction)flipFromLeft:(id)sender
    {
        [self doTransitionWithType:UIViewAnimationOptionTransitionFlipFromLeft];
    }
    
    -(IBAction)flipFromRight:(id)sender
    {
        [self doTransitionWithType:UIViewAnimationOptionTransitionFlipFromRight];
    }
    
    -(IBAction)curlUp:(id)sender
    {
        [self doTransitionWithType:UIViewAnimationOptionTransitionCurlUp];
    }
    
    -(IBAction)curlDown:(id)sender
    {
        [self doTransitionWithType: UIViewAnimationOptionTransitionCurlDown];
    }
    -(IBAction)dissolve:(id)sender
    {
        [self doTransitionWithType: UIViewAnimationOptionTransitionCrossDissolve];
    }
    
    -(IBAction)noTransition:(id)sender
    {
        [self doTransitionWithType:UIViewAnimationOptionTransitionNone];
    }
    - (void)didReceiveMemoryWarning
    {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.
    }
    @end 
    

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: