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.