iOS: ¿Cómo soporto Retina Display con CGLayer?

Question

Estoy dibujando un gráfico en un CALayer en su método delegado drawLayer:inContext:.

Ahora quiero admitir Retina Display, ya que el gráfico se ve borroso en los últimos dispositivos.

Para las partes que dibujo directamente en el contexto gráfico pasado por el CALayer, puedo dibujar muy bien en alta resolución configurando la propiedad contentScale de CALayer de la siguiente manera.

if ([myLayer respondsToSelector:@selector(setContentsScale:)]) { 
    myLayer.contentsScale = [[UIScreen mainScreen] scale]; 
} 

Pero las partes que utilizo CGLayer todavía se dibujan borrosas.

¿Cómo dibujo un CGLayer en alta resolución para que admita Retina Display?

Quiero usar CGLayer para dibujar las mismas formas de gráfico del gráfico repetidamente, así como para cortar las líneas del gráfico que exceden el borde de la capa.

me sale CGLayer por CGLayerCreateWithContex con el contexto gráfico pasado de la CALayer, y se basan en su contexto usando funciones CG como CGContextFillPath o CGContextAddLineToPoint.

Necesito admitir iOS 4.xy iOS 3.1.3, tanto Retina como visualización heredada.

Gracias,

Kura

Answer 1

Así es como se dibuja un CGLayer correctamente para todas las resoluciones.

1. La primera vez que la creación de la capa, es necesario calcular los límites correctos multiplicando las dimensiones de la escala:

   int width = 25; 
   int height = 25; 
   float scale = [self contentScaleFactor]; 
   CGRect bounds = CGRectMake(0, 0, width * scale, height * scale); 
   CGLayer layer = CGLayerCreateWithContext(context, bounds.size, NULL); 
   CGContextRef layerContext = CGLayerGetContext(layer); 
   

2. A continuación, deberá establecer la escala correcta para el contexto de capa:

   CGContextScaleCTM(layerContext, scale, scale); 
   

3. Si el dispositivo actual tiene una pantalla retina, todos los dibujos realizados en la capa se dibujarán ahora el doble.

4. Cuando finalmente dibuja el contenido de la capa, asegúrese de usar CGContextDrawLayerInRect y suministro del CGRect sin escala:

   CGRect bounds = CGRectMake(0, 0, width, height); 
   CGContextDrawLayerInRect(context, bounds, layerContext); 
   

eso es todo!

Answer 2

yo decidimos no utilizar CGLayer y directamente dibujar en el contexto gráfico de la CALayer, y ahora se dibuja muy bien en alta resolución en la pantalla de la retina.

Encontré la pregunta similar here, y encontré que no tiene sentido usar CGLayer en mi caso.

Utilicé CGLayer debido al programa de ejemplo de Apple "Using Multiple CGLayer Objects to Draw a Flag" que se encuentra en la guía de programación 2D de Quartz. En este ejemplo, crea un CGLayer para una estrella y lo usa varias veces para dibujar 50 estrellas. Pensé que esto era por una razón de rendimiento, pero no vi ninguna diferencia de rendimiento.

Con el fin de cortar las líneas del gráfico que exceden el borde de la capa, decidí usar múltiples CALayers.