Skip to content

Create beautiful animated panorama views. Inspired by the intro view on the LinkedIn iOS app.

License

Notifications You must be signed in to change notification settings

sachinkesiraju/SKPanoramaView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SKPanoramaView

Create beautiful animated panorama views. Inspired by the intro on the LinkedIn iOS app.

Features

  • Adapts to any image - Automatically sets the panorama view based on the dimensions of the image.
  • Super easy to implement - Just 3 lines of code required.

Perfect for intro views or background views.

Installation

Cocoapods

SKPanoramaView is available through Cocoapods. To install it, simply add the following to your Podfile. ``` pod 'SKPanoramaView' ```

Alternative

Alternatively, you can always just drag and drop the folder 'SKPanoramaView' into your project and ``#import "SKPanoramaView.h"`` and you're good to go.

Implementation

SKPanoramaView is super easy to implement. Just add the following lines of code to your view and you're done!

    SKPanoramaView *panoramaView = [[SKPanoramaView alloc] initWithFrame:self.view.frame image:[UIImage imageNamed:@"golden gate"]];
    [self.view addSubview:panoramaView];
    [panoramaView startAnimating];

Optionally, you can set the animation duration of the view as follows:

panoramaView.animationDuration = 15.0f; //15 seconds (Default: 10s)

and set the start position of the animation as follows:

panoramaView.startPosition = SKPanoramaStartPositionLeft; // (starts animation from either left or right side; default:left)

Subviews can easily be added to the panorama view to create the effect as shown below

By simply using:

    SKPanoramaView *panoramaView = [[SKPanoramaView alloc] initWithFrame:self.view.frame image:[UIImage imageNamed:@"new york"]];
    panoramaView.animationDuration = 60;
    [self.view addSubview:panoramaView];
    [panoramaView startAnimating];
    UIView *overlayView = [[UIView alloc] initWithFrame:self.view.frame];
    overlayView.backgroundColor = [UIColor blackColor];
    overlayView.alpha = 0.4;
    [panoramaView addSubview:overlayView];
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"linkedin"]];
    imageView.center = panoramaView.center;
    [panoramaView addSubview:imageView];

For more help on how to do this, check out the Demo.

License

SKPanoramaView is available under the MIT License. For more information, see the LICENSE file.

About

Create beautiful animated panorama views. Inspired by the intro view on the LinkedIn iOS app.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published