Tout rapide et sale techniques d'anti-aliasing pour une rotation UIImageView?

J'ai une UIImageView (full frame et rectangulaire) que je suis en rotation avec un CGAffineTransform. Le UIImage de la UIImageView remplit la totalité de l'image. Lorsque l'image est pivotée et dessiné les bords apparaissent nettement en dents de scie. Est-ce que je peux faire pour le rendre meilleur? Evidemment ce n'est pas être anti-aliasing avec l'arrière-plan.

Est l'image interne d'anti-aliasing -- est-ce juste les bords sont irréguliers ou de l'ensemble de la chose? BTW, je vous conseille d'utiliser un CALayer si possible.
C'est pour l'iPhone, je crois que c'est déjà CALayer soutenu.
En effet, mais pourquoi tous les UIView/UIResponder bagages si vous n'avez pas besoin d'?
eh bien, dans mon cas, ils ont besoin de points de vue doivent s'inscrire touche
et seuls les bords sont irréguliers... image elle-même est anti-aliasing très bien.
Découvrez Johan Kool réponse... très simple, et a travaillé comme un charme!

InformationsquelleAutor Meltemi | 2009-07-16

9

N'oubliez pas de définir les anti-alias options:
```
CGContextSetAllowsAntialiasing(theContext, true);
CGContextSetShouldAntialias(theContext, true);
```
- Je ne vois aucune différence lors de l'ajout de ces Antialiasing lignes joignant les UIImageView de drawRect...ainsi que les enfermant superview est. Même essayé: CGContextSetInterpolationQuality(contexte, kCGInterpolationHigh); en vain... Lorsque le UIImageView rect est transformé (rotation), les bords sont toujours surprenant..
- La meilleure façon de résoudre ce problème en ajoutant un 1px bordure transparente à votre image avant de la rotation.
- Comment voulez-vous ajouter de la transparence de la frontière? Je suis le même problème lors de la rotation d'un CALayer avec la perspective.
- Quelqu'un pourrait-il fournir un conseil sur ce 1px bordure transparente truc? J'ai mis une UIView de la couche.borderColor et de la couche.borderWidth, mais il ne résout pas pour moi.
- Mon image était venue par l'intermédiaire d'glReadPixels (OpenGL ES frame buffer de capture) j'ai donc été en mesure de définir alpha RVBA de la mémoire tampon directement. Pour celles qui sont dans cette situation, assurez-vous que vous n'utilisez pas prémultiplié dans votre CGImageCreate appel (c'est à dire que je fournis kCGImageAlphaLast | kCGBitmapByteOrder32Big pour CGBitmapInfo).
- Explication de la 1px pixel transparent résout le problème: la ligne brisée est le bord du polygone de Cacao attire là et depuis votre texture a des couleurs à la pointe, il ne peut pas être anti-aliasé. L'image à l'intérieur les bords de l'anti-aliasing bien.
- C'est d'ailleurs le problème. Le problème est dans CALayer l'espace, et pas CGContext espace de dessin.
- Ok, et comment l'utiliser. Ou est-ce pour le code de dessin seulement?
InformationsquelleAutor Nathan de Vries
55

Les bords de CoreAnimation couches ne sont pas lissé par défaut sur iOS. Cependant, il est une clé que vous pouvez définir dans l'Info.plist qui permet l'antialiasing des bords: UIViewEdgeAntialiasing.

https://developer.apple.com/library/content/documentation/General/Reference/InfoPlistKeyReference/Articles/iPhoneOSKeys.html

Si vous ne voulez pas la charge de l'activation de cette option, un travail est à ajouter un 1px bordure transparente sur le bord de l'image. Cela signifie que les "bords" de l'image ne sont plus sur le bord, donc n'ont pas besoin de traitement spécial!
- C'est super doux! Si simple, et pourtant, tellement puissant! 😀
- fou que ce n'est pas la réponse sommet
- Tout soupçon sur ce qui est de l'impact sur l'efficience?
- Pas testé moi-même, comme il a fonctionné assez bien pour moi où j'en avais besoin. Utiliser des Instruments pour comprendre combien elle a des répercussions sur la performance pour vous. Bien sûr, Apple désactive cette fonctionnalité par défaut pour une raison.
- J'ai remarqué que la mise UIViewEdgeAntialiasing OUI à l'Info.fichier plist est de jouer avec tous les UIAlertView's coins.
InformationsquelleAutor Johan Kool
27

Nouvelle API – iOS 6/7

Travaille aussi pour iOS 6, comme indiqué par @Chris, mais n'a pas été rendu public jusqu'à iOS 7.

Depuis iOS 7, CALayer a une nouvelle propriété allowsEdgeAntialiasing qui fait exactement ce que vous voulez dans ce cas, sans encourir les frais généraux de l'activer pour toutes les vues de votre application! Ceci est une propriété de CALayer, afin de l'activer pour une UIView vous utilisez myView.layer.allowsEdgeAntialiasing = YES.
- C'est un grand API. Notez qu'il fonctionne aussi sur iOS 6 (même si apparemment n'a été ajouté/activé dans l'iOS 7 SDK).
- C'est probablement une meilleure question à résoudre ce problème
InformationsquelleAutor Patrick Pijnappel

juste ajouter 1px bordure transparente à votre image

CGRect imageRect = CGRectMake(0, 0, image.size.width, image.size.height);
UIGraphicsBeginImageContextWithOptions(imageRect.size, NO, 0.0);
[image drawInRect:CGRectMake(1,1,image.size.width-2,image.size.height-2)];
image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

fonctionne très bien ici aussi. pour info: plus simple encart calc: CGRectInset(imageRect, 1.0, 1.0)

InformationsquelleAutor G S

6

juste ajouter "Rend avec bord anti-aliasing" OUI dans plist et il va fonctionner.

InformationsquelleAutor Sandy
5

Je recommande totalement les suivants de la bibliothèque.

http://vocaro.com/trevor/blog/2009/10/12/resize-a-uiimage-the-right-way/

Il contient beaucoup d'extensions utiles pour UIImage qui permettent de résoudre ce problème et également inclure le code pour générer des vignettes etc.

Profitez-en!

InformationsquelleAutor Sway
2

Le meilleur moyen que j'ai trouvé pour avoir des bords lisses et une forte image est pour ce faire:
```
CGRect imageRect = CGRectMake(0, 0, self.photo.image.size.width, self.photo.image.size.height);
UIGraphicsBeginImageContextWithOptions(imageRect.size, NO, 0.0);
[self.photo.image drawInRect:CGRectMake(1, 1, self.photo.image.size.width - 2, self.photo.image.size.height - 2)];
self.photo.image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
```
L'ajout de l'Info.plist clés comme certaines personnes décrivent a un grand impact sur la performance et si vous l'utilisez alors que vous êtes essentiellement en l'appliquant à tout, au lieu de simplement le seul endroit où vous en avez besoin.

Aussi, ne pas simplement utiliser UIGraphicsBeginImageContext(imageRect.size); sinon, la couche sera floue. Vous devez utiliser UIGraphicsBeginImageContextWithOptions comme je l'ai montré.
- C'est un grand point concernant UIGraphicsBeginImageContextWithOptions .. en général, vous devez définir le opaque option pour N. J'ai été le dessin des lignes (c'est à dire, des lignes sur un transparent bg), puis à l'aide de renderInContext de dessiner l'image de la lignes de, en, une photo existante. bien sûr, il est essentiel d'utiliser opaque "NON". Si, c'était très évident pour moi - après iWasRobbed m'a dit à ce sujet 🙂 Merci, volé! 🙂
- Content que ça a aidé!
InformationsquelleAutor iwasrobbed

J'ai trouvé cette solution de ici, et il est parfait:

+ (UIImage *)renderImageFromView:(UIView *)view withRect:(CGRect)frame transparentInsets:(UIEdgeInsets)insets {
    CGSize imageSizeWithBorder = CGSizeMake(frame.size.width + insets.left + insets.right, frame.size.height + insets.top + insets.bottom);
    //Create a new context of the desired size to render the image
    UIGraphicsBeginImageContextWithOptions(imageSizeWithBorder, NO, 0);
    CGContextRef context = UIGraphicsGetCurrentContext();

    //Clip the context to the portion of the view we will draw
    CGContextClipToRect(context, (CGRect){{insets.left, insets.top}, frame.size});
    //Translate it, to the desired position
    CGContextTranslateCTM(context, -frame.origin.x + insets.left, -frame.origin.y + insets.top);

    //Render the view as image
    [view.layer renderInContext:UIGraphicsGetCurrentContext()];

    //Fetch the image
    UIImage *renderedImage = UIGraphicsGetImageFromCurrentImageContext();

    //Cleanup
    UIGraphicsEndImageContext();

    return renderedImage;
}

utilisation:

UIImage *image = [UIImage renderImageFromView:view withRect:view.bounds transparentInsets:UIEdgeInsetsZero];

InformationsquelleAutor Meilbn

Vous devez vous connecter pour publier un commentaire.