iPhone, par programme, recadrer une image carrée pour qu'elle apparaisse sous forme de cercle

Je suis en train de créer une image et un style personnalisé UIButton à l'aide d'une image dans la pellicule de l'iPhone. Le bouton a un fond circulaire et efficacement apparaît comme un cercle. Maintenant j'ai besoin d'une image pour aller au moyen de la touche qui apparaît également à la ronde.

Comment puis-je couper un carré de UIImage à apparaître autour de avec la transparence à l'extérieur de la tour de la zone?

Si le masquage est impliqué, ai-je besoin de pré-rendu d'un masque ou puis-je en créer un par programme(ex: un cercle)?

Merci!

source d'informationauteur Alex Stone

Oui, vous pouvez utiliser CoreGraphics pour dessiner le masque de façon dynamique.
Ensuite, vous pouvez créer l'image masquée.

Exemple pour le masquage:

- (UIImage*) maskImage:(UIImage *)image withMask:(UIImage *)maskImage
{
  CGImageRef maskRef = maskImage.CGImage;
  CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(maskRef),
                                      CGImageGetHeight(maskRef),
                                      CGImageGetBitsPerComponent(maskRef),
                                      CGImageGetBitsPerPixel(maskRef),
                                      CGImageGetBytesPerRow(maskRef),
                                      CGImageGetDataProvider(maskRef), NULL, false);

  CGImageRef maskedImageRef = CGImageCreateWithMask([image CGImage], mask);
  UIImage *maskedImage = [UIImage imageWithCGImage:maskedImageRef];
  CGImageRelease(maskedImageRef);
  CGImageRelease(mask);
  return maskedImage;
}

28

Je n'ai jamais fait quelque chose comme ça, mais essayez d'utiliser QuartzCore cadre et de ses cornerRadius de la propriété. Exemple:
```
#import <QuartzCore/QuartzCore.h>
//some other code ...
UIImageView *imgView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 100, 100)];
imgView.layer.cornerRadius = 10.0f;
```
jouer avec elle un peu et vous obtiendrez ce que vous voulez.

Espère que cela aide

J'ai commencé à regarder dans cette une couple de semaines. J'ai essayé toutes les suggestions ici, aucun n'a fonctionné. Dans la grande tradition de RTFM, je suis allée lire la documentation d'Apple sur Quartz 2D Programmation et est venu avec cette. Merci de l'essayer et laissez-moi savoir comment vous allez.

Le code pourrait être assez facilement modifié pour la récolte d'une elipse, ou de toute autre forme définie par un chemin.

Assurez-vous d'inclure Quartz 2D dans votre projet.

#include <math.h>

+ (UIImage*)circularScaleNCrop:(UIImage*)image: (CGRect) rect{
    //This function returns a newImage, based on image, that has been:
    //- scaled to fit in (CGRect) rect
    //- and cropped within a circle of radius: rectWidth/2

    //Create the bitmap graphics context
    UIGraphicsBeginImageContextWithOptions(CGSizeMake(rect.size.width, rect.size.height), NO, 0.0);
    CGContextRef context = UIGraphicsGetCurrentContext();

    //Get the width and heights
    CGFloat imageWidth = image.size.width;
    CGFloat imageHeight = image.size.height;
    CGFloat rectWidth = rect.size.width;
    CGFloat rectHeight = rect.size.height;

    //Calculate the scale factor
    CGFloat scaleFactorX = rectWidth/imageWidth;
    CGFloat scaleFactorY = rectHeight/imageHeight;

    //Calculate the centre of the circle
    CGFloat imageCentreX = rectWidth/2;
    CGFloat imageCentreY = rectHeight/2;

    //Create and CLIP to a CIRCULAR Path
    //(This could be replaced with any closed path if you want a different shaped clip)
    CGFloat radius = rectWidth/2;
    CGContextBeginPath (context);
    CGContextAddArc (context, imageCentreX, imageCentreY, radius, 0, 2*M_PI, 0);
    CGContextClosePath (context);
    CGContextClip (context);

    //Set the SCALE factor for the graphics context
    //All future draw calls will be scaled by this factor
    CGContextScaleCTM (context, scaleFactorX, scaleFactorY);    

    //Draw the IMAGE
    CGRect myRect = CGRectMake(0, 0, imageWidth, imageHeight);
    [image drawInRect:myRect];

    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return newImage;
}

Inclure le code suivant dans votre classe UIView le remplacement de "monk2.png" avec votre propre nom de l'image.

- (void)drawRect:(CGRect)rect
{

    UIImage *originalImage = [UIImage imageNamed:[NSString stringWithFormat:@"monk2.png"]];
    CGFloat oImageWidth = originalImage.size.width;
    CGFloat oImageHeight = originalImage.size.height;
    //Draw the original image at the origin
    CGRect oRect = CGRectMake(0, 0, oImageWidth, oImageHeight);
    [originalImage drawInRect:oRect];

    //Set the newRect to half the size of the original image 
    CGRect newRect = CGRectMake(0, 0, oImageWidth/2, oImageHeight/2);
    UIImage *newImage = [self circularScaleNCrop:originalImage :newRect];

    CGFloat nImageWidth = newImage.size.width;
    CGFloat nImageHeight = newImage.size.height;

    //Draw the scaled and cropped image
    CGRect thisRect = CGRectMake(oImageWidth+10, 0, nImageWidth, nImageHeight);
    [newImage drawInRect:thisRect];

}

Ici est un moyen rapide de créer des coins arrondis sur un carré ImageView pour la faire ressembler à un cercle parfait. Fondamentalement, vous appliquez un coin de rayon égal à 1/2 de la largeur (width == hauteur sur une image carrée).

#import <QuartzCore/QuartzCore.h> //you need QuartzCore
...

float width = imageView.bounds.size.width;  //we can also use the frame property instead of bounds since we just care about the Size and don't care about position
imageView.layer.cornerRadius = width/2;

{
    imageView.layer.cornerRadius =  imageView.frame.size.height /2;
    imageView.layer.masksToBounds = YES;
    imageView.layer.borderWidth = 0;
}

UIImage catégorie pour masquer une image avec un cercle:

UIImage *originalImage = [UIImage imageNamed:@"myimage.png"];
UImage *myRoundedImage = [UIImage roundedImageWithImage:originalImage];

Obtenir ici.

J'ai une autre solution:

- (UIImage *)roundedImageWithRect:(CGRect)rect radius:(CGFloat)radius
{
UIGraphicsBeginImageContextWithOptions(rect.size, NO, 0);
UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0, 0, rect.size.width, rect.size.height) cornerRadius:radius];

CGFloat imageRatio = self.size.width / self.size.height;
CGSize imageSize = CGSizeMake(rect.size.height * imageRatio, rect.size.height);
CGRect imageRect = CGRectMake(0, 0, imageSize.width, imageSize.height);

[path addClip];
[self drawInRect:imageRect];

UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

return image;

}

Cette variante est plus performant que cornerRadius directement.

0

Personnellement, j'aimerais créer un cercle transparent de l'image à l'opacité des coins de la superposition de la photo. Cette solution est seulement approprié où vous allez placer l'image dans un seul endroit sur l'INTERFACE utilisateur, et suppose que l'opacité des coins se fondre dans l'arrière-plan.
0

Qui suit est la réponse que j'ai donnée dans Comment recadrer UIImage sur la forme ovale ou de forme du cercle? pour faire le cercle de l'image. Il fonctionne pour moi..

Télécharger le Support de fichier de l'archive
```
#import "UIImage+RoundedCorner.h"
#import "UIImage+Resize.h"
```
Lignes suivantes permettent de redimensionner l'image et la convertir en rond avec un rayon de
```
UIImage *mask = [UIImage imageNamed:@"mask.jpg"];

mask = [mask resizedImage:CGSizeMake(47, 47) interpolationQuality:kCGInterpolationHigh ];
mask = [mask roundedCornerImage:23.5 borderSize:1];
```

Suffit d'utiliser

_profilePictureImgView.layer.cornerRadius = 32.0f;
_profilePictureImgView.layer.masksToBounds = YES;

Vous devez vous connecter pour publier un commentaire.