¿Es posible crear un mosaico de imágenes en un UIScrollView sin tener que crear manualmente todas las teselas?

Question

En el código de muestra de iPhone "PhotoScroller" de WWDC 2010, muestran cómo hacer una buena imitación de la aplicación Fotos con desplazamiento, zoom y paginación de imágenes. También colocan las imágenes en mosaico para mostrar cómo mostrar imágenes de alta resolución y mantener un buen rendimiento.

El mosaico se implementa en el código de muestra al tomar imágenes pre escaladas y cortadas para diferentes resoluciones y colocarlas en la cuadrícula que compone toda la imagen.

Mi pregunta es: ¿hay alguna manera de hacer mosaicos de imágenes sin tener que pasar manualmente por todas sus fotos y crear "mosaicos"? ¿Cómo es que la aplicación Fotos puede mostrar imágenes grandes sobre la marcha?

Editar Este es el código de la respuesta de Deepa a continuación:

- (UIImage *)tileForScale:(float)scale row:(int)row col:(int)col size:(CGSize)tileSize image:(UIImage *)inImage 
{ 
CGRect subRect = CGRectMake(col*tileSize.width, row * tileSize.height, tileSize.width, tileSize.height); 
CGImageRef tiledImage = CGImageCreateWithImageInRect([inImage CGImage], subRect); 
UIImage *tileImage = [UIImage imageWithCGImage:tiledImage]; 
return tileImage; 
} 

Answer 1

Aquí va el fragmento de código para la generación de imagen en mosaico:

En el código fuente PhotoScroller reemplazar tileForScale: Fila: Col: con lo siguiente:

availableMouse del inImage - Imagen que desea crear azulejos

- (UIImage *)tileForScale: (float)scale row: (int)row column: (int)col size: (CGSize)tileSize image: (UIImage*)inImage 
{ 
    CGRect subRect = CGRectMake(col*tileSize.width, row * tileSize.height, tileSize.width, tileSize.height); 
    CGImageRef tiledImage = CGImageCreateWithImageInRect([inImage CGImage], subRect); 
    UIImage *tileImage = [UIImage imageWithCGImage: tiledImage]; 
    return tileImage; 
} 

Saludos, Deepa

Answer 2

he encontrado este que puede ser de ayuda: http://www.mikelin.ca/blog/2010/06/iphone-splitting-image-into-tiles-for-faster-loading-with-imagemagick/

Usted simplemente se ejecuta en el Terminal como una concha script en tu Mac.

Answer 3

Lo siento, Jonah, pero creo que no puedes hacer lo que quieras.

He estado implementando una aplicación de cómic usando el mismo ejemplo como referencia y tuve la misma duda. Finalmente, me di cuenta de que, incluso si pudieras cargar la imagen y cortarla en mosaicos la primera vez que la usas, no deberías. Hay dos razones para eso:

1. Realiza el mosaico para ahorrar tiempo y ser más receptivo. La carga y el mosaico llevan tiempo para una imagen grande.
2. La razón anterior es particularmente importante la primera vez que el usuario ejecuta la aplicación.

Si estas dos razones no tienen sentido para ti, y aún quieres hacerlo, usaría Quartz para crear las teselas. La función CGImage CGImageCreateWithImageInRect sería mi punto de partida.

Answer 4

Muchos formatos de imagen son compatibles con la decodificación basada en regiones. En lugar de cargar toda la imagen en la memoria, descomprimir todo y descartar todo excepto la región de interés (ROI), puede cargar y decodificar solo el ROI, a pedido. En su mayor parte, esto elimina la necesidad de pregenerar y guardar mosaicos de imágenes. Nunca he trabajado con ImageMagick pero me sorprendería si no pudiera hacerlo. (Me he hecho uso de la API Java Advanced Imaging (JAI), que no se te va a ayudar en el iPhone ...)

He jugado con el ejemplo PhotoScroller y la forma en que trabaja con tiles pregenerados es solo para demostrar la idea detrás de CATiledLayer, y hacer un proyecto autónomo de trabajo. Es fácil reemplazar la estrategia de carga de mosaicos de imágenes: simplemente reescriba el método TilingView tileForScale:row:col: para devolver un azulejo UIImage de alguna otra fuente, ya sea Quartz o ImageMagick o lo que sea.

Answer 5

respuesta de Deepa anterior cargará toda la imagen en la memoria como una UIImage (la variable de entrada en su función), derrotando el propósito de embaldosar.