Comment ajouter un masque circulaire à une UIImageview et changer le cadre et les centres en faisant de la sorte?

Je voudrais ajouter un masque circulaire à UIImageVIew. Voici la fonction qui suis aide pour ajouter le masque..

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

Suis en mesure d'ajouter le masque, mais le problème se produit car suis l'évolution de l'image et du centre. L'image est agrandie et a fait des petits basée sur les actions de l'utilisateur. Donc je serait d'ajouter le masque deux fois lorsque les petits et agrandis. Donc, Depuis que suis animer le cadre de changement, tandis que l'animation de l'image déformée, ou déplacées. Comment puis-je surmonter cela ?

Je suppose que c'est mieux expliqué par un exemple de projet. Ici, j'ai créé un projet de Démonstration https://github.com/akshaynhegde/MaskImage sur GitHub, il suffit de lancer pour voir mon problème et je voudrais savoir comment résoudre le problème.

Ceci a été demandé avant: stackoverflow.com/questions/12564336/...

OriginalL'auteur akshaynhegde | 2013-03-09

  1. 22

    Espère que cela aidera

        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;
    Cela ne résout pas la question initiale, comment animer cadre des modifications à UIImageView lors de l'utilisation d'un masque à tous les...
    J'ai trouvé ce code très pratique parce que j'ai besoin d'un off-center masque circulaire pour une vue j'étais en train de créer. J'ai d'abord utilisé la couche.cornerRadius à rendre la vue circulaire dans Interface Builder. Ensuite, j'ai utilisé ce code avec un négatif de la valeur de Y dans le tracé de Bézier pour créer un masque. La forme résultante ressemble beaucoup à un Américain de football, qui est ce dont j'avais besoin.

    OriginalL'auteur Mrug

  2. 4

    Ok, donc depuis le centre de dans mon cas de modifications, en utilisant le masque n'est pas ging pour vous aider. Ainsi, le simple et propre est d'avoir un custom UiImageView et clip le tirage chemin.

    Donc pour que, la sous-classe UIView et dessiner l'image à l'intérieur et clip le chemin. Voici le remplacé le drawRect fonction,

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

    Pour info, vous ne pouvez pas sous-classe UIImageView lui-même et remplacer drawRect , coz il ne fera pas appel de la drawRect,

    La UIImageView classe est optimisé pour tirer ses images à l'écran.
    UIImageView ne vais pas appeler drawRect: une sous-classe. Si votre sous-classe doit
    code de dessin personnalisé, il est recommandé de les utiliser UIView que la base de
    classe.

    La coutume UIImageView solution était ce que j'étais auparavant à l'aide, donc cette solution qui a fonctionné a été approprié pour moi. Aussi, il semble plus proche de ce qu'iOS 7 ne
    Vous pouvez modifier le centre de la couche de masque aussi.
    Noter que votre commentaire n'est pas tout à fait correct -- cette sous-classe UIView doit avoir un UIImage en tant que propriété, pas un UIImageView

    OriginalL'auteur akshaynhegde