iOS马赛克效果类库:CRPixellatedView

jopen 10年前

CRPixellatedView是iOS类库,能够自定义UIView子类马赛克动画效果,灵感来自非死book Slingshot应用,也可以让图片产生从清晰到马赛克的动画转变效果。

iOS马赛克效果类库:CRPixellatedView

Installation

There are two options:

CocoaPods

  • Add the dependency to your Podfile:
platform :ios pod 'CRPixellatedView' ... 
  • Run pod install to 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.

Usage

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");  }];

Examples

pixellatedView.reverse = YES; // Reverse effect 

CRPixellatedView-demo1

CRPixellatedView-demo2

pixellatedView.reverse = NO; // (default) pixellatedView.pixelScale = 30.0f; 

CRPixellatedView-demo3

Demo

See CRPixelledViewDemo Xcode project.

Requirements

  • iOS 6.0 or higher.

Bugs

  • It works well just with square images (CIFilter related bug) :(

Contributing

Anyone who would like to contribute to the project is more than welcome.

  • Fork this repo
  • Make your changes
  • Submit a pull request

项目主页:http://www.open-open.com/lib/view/home/1413862435794