Skip to content
Create beautiful animated panorama views. Inspired by the intro view on the LinkedIn iOS app.
Objective-C Ruby
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
SKPanoramaView
SKPanoramaViewDemo
LICENSE
README.md
SKPanoramaView.podspec

README.md

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.
You can’t perform that action at this time.