10

我想给 UIImageVIew 添加一个圆形遮罩。这是用于添加掩码的功能..

- (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];
}

我能够添加蒙版，但由于我更改了图像框架和中心，因此出现了问题。图像会根据用户操作放大和缩小。因此，我必须在小和放大时添加两次蒙版。因此，由于正在为帧更改设置动画，因此在为图像设置动画时会失真或移位。我该如何克服呢？

我想最好用一个示例项目来解释它。在这里，我在 GitHub 上创建了一个演示项目https://github.com/akshaynhegde/MaskImage，只需运行它即可查看我的问题并让我知道如何解决问题。

4

2 回答 2

22

希望这会有所帮助

    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;
于 2014-06-16T12:04:28.057 回答
4

好的，所以由于我的中心发生了变化，因此使用面罩并没有帮助。所以简单而干净的方法是有一个自定义的 UiImageView 并剪辑绘制路径。

因此，为此，子类UIView化并在其中绘制图像并剪辑路径。这是覆盖的drawRect功能，

- (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];    
}

仅供参考，您不能继承 UIImageView 本身并覆盖drawRect，因为它不会调用drawRect，

UIImageView 类经过优化，可以将其图像绘制到显示器上。UIImageView 不会调用 drawRect: 一个子类。如果您的子类需要自定义绘图代码，建议您使用 UIView 作为基类。

于 2013-03-15T04:15:32.110 回答