Ziel c - Schieben Sie ein Bild/Filter über ein Bild

Question

Ich versuche, einen Filter oder ein Bild mit einem Filter über ein anderes Bild zu schieben. Ich habe ein Video von eingeschlossen, was ich versuche Snap chat filter example

Zur Zeit zu tun ich eine UIView mit dem Originalbild (self.mainImage.image), und ich erstellen Sie einen Filter mit dem folgenden Code:

- (void)applyBWFilter { 
    UIImage *img = [_images peak]; 

    // Add B&W filter 
    // Create image rectangle with current image width/height 
    CGRect imageRect = CGRectMake(0, 0, img.size.width, img.size.height); 

    // Grayscale color space 
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceGray(); 

    // Create bitmap content with current image size and grayscale colorspace 
    CGContextRef context = CGBitmapContextCreate(nil, img.size.width, img.size.height, 8, 0, colorSpace, kCGImageAlphaNone); 

    // Draw image into current context, with specified rectangle 
    // using previously defined context (with grayscale colorspace) 
    CGContextDrawImage(context, imageRect, [img CGImage]); 

    // Create bitmap image info from pixel data in current context 
    CGImageRef imageRef = CGBitmapContextCreateImage(context); 

    // Create a new UIImage object 
    self.mainImage.image = [UIImage imageWithCGImage:imageRef]; 

    // Release colorspace, context and bitmap information 
    CGColorSpaceRelease(colorSpace); 
    CGContextRelease(context); 
    CFRelease(imageRef); 
} 

Wie kann ich das neue Bild wie im Beispiel über das alte Bild schieben?

Answer 1

Es gibt eine Reihe von Möglichkeiten, dies zu tun. Wahrscheinlich wäre es am einfachsten, zuerst das Ersatzbild zu erzeugen. Dann installiere es in einer Bildansicht und lege es über die vorhandene Bildansicht. Fügen Sie einen CAShapeLayer mit derselben Größe wie Ihr neues, gefiltertes Bild als Maskenebene Ihrer Bildansicht "Filter angewendet" hinzu. Beginnen Sie mit der leeren Form-Ebene. Fügen Sie der Form in der Formebene ein undurchsichtiges Rechteck von UIBezierPath CGPath hinzu, aber die Position des Rechtecks ​​wird außerhalb des Bildschirms verschoben, sodass es nicht sichtbar ist.

Schließlich animieren Sie eine Änderung der Formebene, wenn Sie den Rechteckpfad verschieben, um den Inhalt des Bildes zu füllen.

Die leere Formebene wird das Bild vollständig maskieren. Wenn Sie die undurchsichtige Rechteckform an Ort und Stelle animieren, wird Ihr gefiltertes Bild sichtbar, wenn es in die Ansicht animiert wird.