Custom UIView subclass with a pixellated animation inspired by Facebook's Slingshot app.
There are two options:
CocoaPods
- Add the dependency to your Podfile:
platform :ios
pod 'CRPixellatedView'
...- Run
pod installto install the dependencies.
Source files
- Just clone this repository or download it in zip-file.
- Then you will find source files under CRPixellatedView directory.
- Copy them to your project.
To use CRPixellatedView, create a CRPixellatedView, configure and animate!
An example of making a CRPixellatedView:
CRPixellatedView *pixellatedView = [[CRPixellatedView alloc] initWithFrame:CGRectMake(0, 0, 320, 320)];
pixellatedView.image = [UIImage imageNamed:@"Image"];
[self.view addSubview:pixellatedView]; // Add to your view
[pixellatedView animate];You can configure this settings, customizable example:
CRPixellatedView *pixellatedView = [[CRPixellatedView alloc] initWithFrame:CGRectMake(0, 0, 320, 320)];
pixellatedView.image = [UIImage imageNamed:@"Image"];
pixellatedView.pixelScale = 20.0f;
pixellatedView.animationDuration = 0.8f;
[self.view addSubview:pixellatedView]; // Add to your view
[pixellatedView animateWithCompletion:^(BOOL finished) {
NSLog(@"completed");
}];Also, you can customize the animation effect using the reverse property:
CRPixellatedView *pixellatedView = [[CRPixellatedView alloc] initWithFrame:CGRectMake(0, 0, 320, 320)];
pixellatedView.image = [UIImage imageNamed:@"Image"];
pixellatedView.pixelScale = 20.0f;
pixellatedView.animationDuration = 0.8f;
pixellatedView.reverse = YES; // Reverse effect
[self.view addSubview:pixellatedView]; // Add to your view
[pixellatedView animateWithCompletion:^(BOOL finished) {
NSLog(@"completed");
}];pixellatedView.reverse = YES; // Reverse effect
pixellatedView.reverse = NO; // (default)
pixellatedView.pixelScale = 30.0f;
See CRPixelledViewDemo Xcode project.
- iOS 6.0 or higher.
- It works well just with square images (CIFilter related bug) :(
Anyone who would like to contribute to the project is more than welcome.
- Fork this repo
- Make your changes
- Submit a pull request
CRPixellatedView is released under the MIT license. See LICENSE.
Christian Roman