Latest 0.1.2
Homepage https://github.com/sachinkesiraju/SKPanoramaView
License MIT Copyright 2014 Sachin Kesiraju
Platforms ios 7.0, requires ARC
Authors

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.

Latest podspec

{
    "name": "SKPanoramaView",
    "version": "0.1.2",
    "summary": "Create beautiful animated panorama views. Inspired by the intro view on the LinkedIn iOS app.",
    "homepage": "https://github.com/sachinkesiraju/SKPanoramaView",
    "license": {
        "type": "MIT",
        "text": "Copyright 2014 Sachin Kesiraju"
    },
    "authors": {
        "Sachin Kesiraju": "[email protected]"
    },
    "source": {
        "git": "https://github.com/sachinkesiraju/SKPanoramaView.git",
        "tag": "0.1.2"
    },
    "social_media_url": "https://twitter.com/_sachink",
    "platforms": {
        "ios": "7.0"
    },
    "requires_arc": true,
    "source_files": "SKPanoramaView"
}

Pin It on Pinterest

Share This