Create beautiful animated panorama views. Inspired by the intro on the LinkedIn iOS app.
- 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.
SKPanoramaView is available through Cocoapods Cocoapods. To install it, simply add the following to your Podfile. ``` pod 'SKPanoramaView' ```
Alternatively, you can always just drag and drop the folder 'SKPanoramaView' into your project and ``#import "SKPanoramaView.h"`` and you're good to go. Alternative
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.