bordes de suavizado de líneas de UIView después de la transformación utilizando CALayer de transformada

Question

I tienen un objeto UIView que gira usando CALayer 's de transformación:

// 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); 

Después de la rotación de los bordes del objeto no son antialiasing. Necesito antialias. Ayúdame, por favor. ¿Cómo puede hacerse esto?

Answer 1

Una forma de hacerlo es colocando la imagen dentro de otra vista que sea 5 píxeles más grande. La vista más grande debería tener un borde de datos de trama transparente que suavizar los bordes de la UIImageView:

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

Luego, coloque su UIImageView dentro de esta vista padre y centrarla (Con 2,5 píxeles alrededor de cada borde).

Finalmente, gire la vista principal en lugar de la vista de la imagen.

Funciona muy bien: también puede encapsular todo en clase que crea la jerarquía.

Answer 2

Simplemente agregue este par clave-valor a su Info.plist: UIViewEdgeAntialiasing establecido en YES.

Answer 3

Tuve un problema similar al girar alrededor del eje z. El ajuste shouldRasterize = YES evitó los bordes irregulares, sin embargo, tuvo un costo de rendimiento. En mi caso, estaba reutilizando los puntos de vista (y sus capas) y manteniendo el orden shouldRasterize = YES estaba ralentizando las cosas.

La solución fue apagar la rasterización inmediatamente después de que ya no la necesité. Sin embargo, dado que la animación se ejecuta en otro hilo, no había forma de saber cuándo se completó la animación ... hasta que descubrí un método de CATransaction extremadamente útil. Este es un código real que utilicé y debe ilustrar su uso:

// 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"]; 

funcionó como un encanto para mí.

No he intentado usar esto con animaciones implícitas (es decir, animaciones que ocurren debido al cambio de valor en la propiedad animable para una capa asociada no visible), sin embargo, esperaría que funcionara siempre que se llame al método CATransaction el cambio de propiedad, solo como una garantía, el bloque se le da a CATransaction antes de que comience una animación.

Answer 4

marca allowsEdgeAntialiasing propiedad de CALayer.

block.layer.allowsEdgeAntialiasing = YES; // iOS7 and above.