skp

SKPanoramaView

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

Showing:

Popularity

Downloads/wk

0

GitHub Stars

190

Maintenance

Last Commit

5yrs ago

Contributors

2

Package

Dependencies

0

License

MIT

Categories

Readme

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.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100