L'anticrénelage bords de UIView après transformation à l'aide d'CALayer de transformation du

J'ai un UIView objet qui tourne à l'aide de CALayer's transform:

//Create uiview object.
UIImageView *block = [[UIImageView alloc] initWithFrame....]

//Apply rotation.
CATransform3D basicTrans = CATransform3DIdentity;
basicTrans.m34 = 1.0/-distance;
blockImage.layer.transform = CATransform3DRotate(basicTrans, rangle, 1.0f, 0.0f, 0.0f);

Après la rotation de la bords de l'objet ne sont pas d'anticrénelage. J'ai besoin de lisser eux.
Aidez-moi, s'il vous plaît. Comment peut-il être fait?

InformationsquelleAutor Oleg | 2011-11-29
  1. 43

    Une façon de le faire est de placer l'image à l'intérieur d'un autre point de vue que de 5 pixels plus gros. Le plus gros de vue doit être transparent pixellisé frontière qui permettra de lisser les bords de la UIImageView:

    view.layer.borderWidth = 3; 
view.layer.borderColor = [UIColor clearColor].CGColor; 
view.layer.shouldRasterize = YES; 
view.layer.rasterizationScale = [[UIScreen mainScreen] scale];

    Ensuite, placez votre UIImageView à l'intérieur de ce parent de la vue et du centre (Avec 2,5 pixels autour de chaque bord).

    Enfin, faire tourner la vue parent au lieu de l'affichage de l'image.

    Il fonctionne très bien - vous pouvez également encapsuler le tout dans la classe qui crée la hiérarchie.

    • Vous pouvez ajouter view.layer.rasterizationScale = [[UIScreen mainScreen] scale]; pour éviter floue sur la Rétine des écrans.
    • Ce commentaire devrait être une partie de la réponse. Réglage de la "shouldRasterize" la propriété n'est pas suffisant!
    • Vous avez raison. Fait.
    • tounaobun de répondre à de meilleures performances. Vérifier mon commentaire ci-dessous.
    InformationsquelleAutor tarmes
  2. 37

    Il suffit d'ajouter cette paire clé-valeur à votre Info.plist: UIViewEdgeAntialiasing ensemble de YES.

    • C'est une tuerie!
    • fantastique!!!! Aucune idée de l'impact sur les performances?
    • Il est livré avec des performances, de les éviter si vous le pouvez.
    • Parfait et facile solution.
    InformationsquelleAutor AddisDev
  3. 25

    vérifier allowsEdgeAntialiasing propriété de CALayer.

    block.layer.allowsEdgeAntialiasing = YES; //iOS7 and above.
    • tout comme ci-dessus (Info.plist), mais un contrôle plus granulaire! Excellent!
    • La accepté de répondre fonctionne exactement comme celui-ci, mais celui-ci fonctionne mieux. Les deux passent la même RAM, mais cette solution offre un plus grand FPS de l'utilisateur.
    • La documentation pour cette propriété indique la valeur est nulle si l'Info.plist valeur est absente. Apparemment, vous ne pouvez pas simplement mettre juste cette propriété, mais à utiliser en conjonction avec le plist. Je n'ai pas testé ce qui se passe si la propriété n'est pas définie, mais à en juger par la réponse par AddisDev, la valeur par défaut est oui dans ce cas. Donc si il y a un gain de performance et vous n'avez pas besoin d'antialiasing, il semble que la chose à faire est de définir cette valeur à PAS.
    InformationsquelleAutor tounaobun
  4. 3

    J'ai eu un problème similaire lors de la rotation autour de l'axe z. Réglage shouldRasterize = OUI empêché les bords irréguliers cependant, il est venu à un coût de performance. Dans mon cas, j'ai été à nouveau en utilisant le point de vue (et de ses couches), et en gardant le shouldRasterize = OUI a ralentir les choses.

    La solution a été, pour désactiver le tramage à droite après je n'ai pas besoin de plus. Toutefois, depuis l'animation s'exécute sur un autre thread, il n'y a aucun moyen de savoir lorsque l'animation est terminée...jusqu'à ce que j'ai trouvé extrêmement utile CATransaction méthode. C'est un code que j'ai utilisé et il doit illustrer son utilisation:

    //Create a key frame animation
CAKeyframeAnimation *wiggle = [CAKeyframeAnimation animationWithKeyPath:@"transform"];
NSInteger frequency = 5; //Higher value for faster vibration
NSInteger amplitude = 25; //Higher value for lower amplitude
//Create the values it will pass through    
NSMutableArray *valuesArray = [[NSMutableArray alloc] init];
NSInteger direction = 1;

[valuesArray addObject:@0.0];

for (NSInteger i = frequency; i > 0; i--, direction *= -1) {
    [valuesArray addObject:@((direction * M_PI_4 * (CGFloat)i / (CGFloat)amplitude))];
}

[valuesArray addObject:@0.0];
[wiggle setValues:valuesArray];

//Set the duration
[wiggle setAdditive:YES];
[wiggle setValueFunction:[CAValueFunction functionWithName:kCAValueFunctionRotateZ]];
[wiggle setDuration:0.6];

//Turn on rasterization to prevent jagged edges (anti-aliasing issues)
viewToRotate.layer.shouldRasterize = YES;

//************ Important step **************
//Very usefull method. Block returns after ALL animations have completed.
[CATransaction setCompletionBlock:^{
    viewToRotate.layer.shouldRasterize = NO;
}];
//Animate the layer
[viewToRotate.layer addAnimation:wiggle forKey:@"wiggleAnimation"];

    a fonctionné comme un charme pour moi.

    Je n'ai pas essayé d'utiliser ce avec les animations (c'est à dire des animations qui se produisent en raison de changement de valeur dans animables propriété pour un non de la vue associée couche), mais je m'attends à travailler aussi longtemps que le CATransaction méthode est appelée avant que le changement de propriété, tout comme une garantie que le bloc est donné à CATransaction avant une animation démarre.

    InformationsquelleAutor Raz