कोरग्राफिक्स CGContextDrawImage

Question

के साथ CATiledLayer में चित्रण I iPhone OS 3.1.3 में एक CATiledLayer का उपयोग करना चाहते हैं और ऐसा करने के लिए -(void)drawLayer:(CALayer *)layer inContext:(CGContext)context में सभी ड्राइंग केवल कोरग्राफिक्स के साथ किया जाना है।

अब मैं Flipped की समस्याएं आ iPhone पर समन्वय प्रणाली और वहाँ कुछ सुझाव कैसे रूपांतरण का उपयोग कर इसे ठीक करने के लिए कर रहे हैं:

• Image is drawn upside down
• CATiledLayer or CALayer not working

मेरे समस्या है कि मैं इसे काम करने के लिए नहीं मिल सकता है। मैंने फोटोस्क्रॉलर नमूना कोड का उपयोग शुरू किया और ड्राइंग विधि को केवल कोरग्राफिक्स कॉल के साथ बदल दिया। यह इस

- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)context { 
CGContextSaveGState(context); 
CGRect rect = CGContextGetClipBoundingBox(context); 
CGFloat scale = CGContextGetCTM(context).a; 
CGContextConcatCTM(context, CGAffineTransformMakeTranslation(0.f, rect.size.height)); 
CGContextConcatCTM(context, CGAffineTransformMakeScale(1.f, -1.f)); 

CATiledLayer *tiledLayer = (CATiledLayer *)layer; 
CGSize tileSize = tiledLayer.tileSize; 


tileSize.width /= scale; 
tileSize.height /= scale; 
// calculate the rows and columns of tiles that intersect the rect we have been asked to draw 
int firstCol = floorf(CGRectGetMinX(rect)/tileSize.width); 
int lastCol = floorf((CGRectGetMaxX(rect)-1)/tileSize.width); 
int firstRow = floorf(CGRectGetMinY(rect)/tileSize.height); 
int lastRow = floorf((CGRectGetMaxY(rect)-1)/tileSize.height); 
for (int row = firstRow; row <= lastRow; row++) { 
    for (int col = firstCol; col <= lastCol; col++) { 
    // if (row == 0) continue; 
     UIImage *tile = [self tileForScale:scale row:row col:col]; 
     CGImageRef tileRef = [tile CGImage]; 
     CGRect tileRect = CGRectMake(tileSize.width * col, tileSize.height * row, 
            tileSize.width, tileSize.height); 
     // if the tile would stick outside of our bounds, we need to truncate it so as to avoid 
     // stretching out the partial tiles at the right and bottom edges 
     tileRect = CGRectIntersection(self.bounds, tileRect); 
     NSLog(@"row:%d, col:%d, x:%.0f y:%.0f, height:%.0f, width:%.0f", row, col,tileRect.origin.x, tileRect.origin.y, tileRect.size.height, tileRect.size.width); 

     //[tile drawInRect:tileRect]; 
     CGContextDrawImage(context, tileRect, tileRef); 
// just to draw the row and column index in the tile and mark the origin of the tile with a red line   
     if (self.annotates) { 
      CGContextSetStrokeColorWithColor(context, [[UIColor whiteColor]CGColor]); 
      CGContextSetLineWidth(context, 6.0/scale); 
      CGContextStrokeRect(context, tileRect); 
      CGContextSetStrokeColorWithColor(context, [[UIColor redColor]CGColor]); 
      CGContextMoveToPoint(context, tileRect.origin.x, tileRect.origin.y); 
      CGContextAddLineToPoint(context, tileRect.origin.x+100.f, tileRect.origin.y+100.f); 
      CGContextStrokePath(context); 
      CGContextSetStrokeColorWithColor(context, [[UIColor redColor]CGColor]); 
      CGContextSetFillColorWithColor(context, [[UIColor whiteColor]CGColor]); 
      CGContextSelectFont(context, "Courier", 128, kCGEncodingMacRoman); 
      CGContextSetTextDrawingMode(context, kCGTextFill); 
      CGContextSetShouldAntialias(context, true); 
      char text[30]; 
      int length = sprintf(text,"row:%d col:%d",row,col); 
      CGContextSaveGState(context); 
      CGContextShowTextAtPoint(context, tileRect.origin.x+110.f,tileRect.origin.y+100.f, text, length); 
      CGContextRestoreGState(context); 
     } 
    } 
} 

CGContextRestoreGState(context); 

}

तरह लग रहा है आपको मैं एक स्केल समन्वय प्रणाली को उलटने के लिए परिणत उपयोग कर रहा हूँ और एक अनुवाद निचले बाएं कोने में मूल शिफ्ट करने के लिए बदलने के देख सकते हैं। छवियां सही ढंग से खींची जाती हैं लेकिन केवल टाइल्स की पहली पंक्ति खींची जा रही है। मुझे लगता है कि अनुवाद ऑपरेशन में कोई समस्या है या जिस तरह से टाइल्स के निर्देशांक की गणना की जाती है।

मैं थोड़ा यह सब परिवर्तनों के साथ उलझन में हूँ:

यह है कि यह कैसे लग रहा है की तरह है।

बोनस प्रश्न: कोर ग्राफिक्स में रेटिना डिस्प्ले चित्रों को कैसे संभाला जाएगा?

संपादित करें: यह रेटिना प्रदर्शन मैं सिर्फ नमूना कोड से मूल विधि ले लिया पर काम कर छवियों प्रदान करने के लिए प्राप्त करने के लिए:

- (UIImage *)tileForScale:(CGFloat)scale row:(int)row col:(int)col 
{ 
// we use "imageWithContentsOfFile:" instead of "imageNamed:" here because we don't want UIImage to cache our tiles 
NSString *tileName = [NSString stringWithFormat:@"%@_%d_%d_%d", imageName, (int)(scale * 1000), col, row]; 
NSString *path = [[NSBundle mainBundle] pathForResource:tileName ofType:@"png"]; 
UIImage *image = [UIImage imageWithContentsOfFile:path]; 
return image; 
} 

सिद्धांत रूप में प्रदर्शन के पैमाने कोर के बाद से नजरअंदाज कर दिया है ग्राफिक्स पिक्सल पर काम नहीं कर रहा है, इसलिए जब अधिक पिक्सल खींचने के लिए कहा जाता है, तो स्क्रीन को भरने के लिए अधिक कैटिल्डलेयर (या सब्लेयर) का उपयोग किया जाता है। बहुत

धन्यवाद थॉमस

Answer 1

थॉमस, मैं WWDC 2010 scrollview बात का पालन करके शुरू किया और वहाँ आईओएस 3.x. के लिए drawLayer:inContext के भीतर काम पर कम या कोई प्रलेखन है मेरे पास वही समस्याएं थीं जब मैंने डेमो कोड drawRect: से drawLayer:inContext: पर ले जाया था।

कुछ जांच से पता चला है मुझे drawLayer:inContext: आकार और rectCGContextGetClipBoundingBox(context) से लौटे की भरपाई के भीतर है कि वास्तव में क्या आप में आकर्षित करने के लिए। कहाँ drawRect: आप पूरी सीमा देता है चाहता हूँ।

यह जानने के बाद आप किनारे टाइल्स के लिए पंक्ति और स्तंभ यात्रा है, साथ ही CGRect चौराहे को हटा सकते हैं और सिर्फ एक बार आप संदर्भ अनुवाद किया है रेक्ट को आकर्षित।

- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx { 
    CGRect rect = CGContextGetClipBoundingBox(ctx); 
    CGFloat scale = CGContextGetCTM(ctx).a; 

    CATiledLayer *tiledLayer = (CATiledLayer *)[self layer]; 
    CGSize tileSize = tiledLayer.tileSize; 
    tileSize.width /= scale; 
    tileSize.height /= scale; 

    int col = floorf((CGRectGetMaxX(rect)-1)/tileSize.width); 
    int row = floorf((CGRectGetMaxY(rect)-1)/tileSize.height); 

    CGImageRef image = [self imageForScale:scale row:row col:col]; 

    if(NULL != image) { 
    CGContextTranslateCTM(ctx, 0.0, rect.size.height); 
    CGContextScaleCTM(ctx, 1.0, -1.0); 
    rect = CGContextGetClipBoundingBox(ctx); 

    CGContextDrawImage(ctx, rect, image); 
    CGImageRelease(image); 
    } 
} 

सूचना है कि rectTranslateCTM और ScaleCTM के बाद नए सिरे से परिभाषित किया गया है:

यहाँ मैं के साथ समाप्त हो गया गया है।

और संदर्भ यहाँ मेरी imageForScale:row:col समारोह है:

- (CGImageRef) imageForScale:(CGFloat)scale row:(int)row col:(int)col { 
    CGImageRef image = NULL; 
    CGDataProviderRef provider = NULL; 
    NSString *filename = [NSString stringWithFormat:@"img_name_here%0.0f_%d_%d",ceilf(scale * 100),col,row]; 
    NSString *path = [[NSBundle mainBundle] pathForResource:filename ofType:@"png"]; 

    if(path != nil) { 
    NSURL *imageURL = [NSURL fileURLWithPath:path]; 

    provider = CGDataProviderCreateWithURL((CFURLRef)imageURL); 

    image = CGImageCreateWithPNGDataProvider(provider,NULL,FALSE,kCGRenderingIntentDefault); 
    CFRelease(provider); 
    } 
    return image; 
} 

अभी भी काम का एक सा उच्च संकल्प ग्राफिक्स ठीक से समर्थन करने के लिए इन दोनों कार्यों पर किया जाना है, लेकिन यह सब कुछ है, लेकिन पर अच्छा दिखता है एक आईफोन 4.