Cách thêm mặt nạ tròn vào UIImageview và thay đổi khung và trung tâm trong khi làm như vậy?

Question

Tôi muốn thêm mặt nạ tròn vào UIImageVIew. Đây là chức năng đang sử dụng để thêm mặt nạ ..

- (void) addMaskToBounds:(CGRect) maskBounds 
{ 
    CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init]; 

    CGPathRef maskPath = CGPathCreateWithEllipseInRect(maskBounds, NULL); 
    maskLayer.bounds = maskBounds; 
    [maskLayer setPath:maskPath]; 
    [maskLayer setFillColor:[[UIColor blackColor] CGColor]]; 
    maskLayer.position = CGPointMake(maskBounds.size.width/2, maskBounds.size.height/2); 

    [self.imageView.layer setMask:maskLayer]; 
} 

Có thể thêm mặt nạ nhưng vấn đề xảy ra vì đang thay đổi khung hình và trung tâm cùng với nó. Hình ảnh được mở rộng và tạo ra nhỏ dựa trên các hành động của người dùng. Do đó tôi sẽ phải thêm mặt nạ hai lần khi nhỏ và khi mở rộng. Vì vậy, kể từ khi hoạt hình thay đổi khung hình, trong khi hoạt hình hình ảnh trở nên méo mó, hoặc di dời. Làm cách nào để khắc phục điều này?

Tôi đoán giải thích tốt nhất của nó với dự án mẫu. Ở đây tôi đã tạo một dự án Demo https://github.com/akshaynhegde/MaskImage trên GitHub, chỉ cần chạy nó để xem vấn đề của tôi và cho tôi biết cách giải quyết vấn đề.

Answer 1

Ok, vì vậy vì trung tâm trong trường hợp của tôi thay đổi, sử dụng mặt nạ không phải là ging để trợ giúp. Vì vậy, cách dễ dàng và sạch sẽ là có một UiImageView tùy chỉnh và clip đường dẫn vẽ.

Vì vậy, cho rằng, phân lớp UIView và vẽ hình ảnh bên trong và cắt đường dẫn. Dưới đây là overriden các drawRect chức năng,

- (void)drawRect:(CGRect)rect 
{ 
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    CGContextAddEllipseInRect(context, self.bounds); 
    CGContextClip(context); 
    //The subclass of UIView has a UIImageview as property 
    [_image drawInRect:rect];  
} 

FYI, bạn không thể phân lớp UIImageView bản thân và ghi đè drawRect, coz nó sẽ không gọi drawRect,

Lớp UIImageView được tối ưu hóa để vẽ nó hình ảnh cho màn hình. UIImageView sẽ không gọi drawRect: một lớp con. Nếu lớp con của bạn cần mã vẽ tùy chỉnh, bạn nên sử dụng UIView làm lớp cơ sở .

Answer 2

Hy vọng điều này sẽ giúp

CAShapeLayer *circle = [CAShapeLayer layer]; 
    // Make a circular shape 
    UIBezierPath *circularPath=[UIBezierPath bezierPathWithRoundedRect:CGRectMake(0, 0, _imgView.frame.size.width, _imgView.frame.size.height) cornerRadius:MAX(_imgView.frame.size.width, _imgView.frame.size.height)]; 

    circle.path = circularPath.CGPath; 

    // Configure the apperence of the circle 
    circle.fillColor = [UIColor blackColor].CGColor; 
    circle.strokeColor = [UIColor blackColor].CGColor; 
    circle.lineWidth = 0; 

    imgViewToClipCircular.layer.mask=circle;