असीमित यूआईटीबल व्यूसेल छवि जीसीडी

Question

का उपयोग कर लोड हो रहा है मैं वर्तमान में फ़्लिकर फोटो (सीएस 1 9 3 पी आईओएस स्टैनफोर्ड, असाइनमेंट 5) की यूआईटीबल व्यू सूची लोड करने की कोशिश कर रहा हूं। यूआई अवरुद्ध करने से बचने के लिए, मैंने प्रत्येक सेल के थंबनेल डाउनलोड को एक अलग कतार में स्थगित कर दिया है (लेकिन यूआई को मुख्य कतार में वापस अपडेट करें)। यह कोड छवियों को अतुल्यकालिक रूप से लोड नहीं करता है, हालांकि एक बार जब मैं UITableViewCell पंक्ति पर क्लिक करता हूं तो थंबनेल जोड़ता है। (नीचे स्क्रीनशॉट देखें)। कोई विचार क्या मैं गलत कर रहा हूँ?

पीएस: मैंने पहले से ही कुछ अन्य स्टैक ओवरफ्लो प्रश्नों में देखा है & ऐप्पल के LazyTableImages उदाहरण, लेकिन मुझे विश्वास है कि वांछित परिणाम प्राप्त करने का यह सबसे साफ तरीका है।

धन्यवाद!

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    static NSString *CellIdentifier = @"Photo List Cell"; 
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; 

    // Configure the cell 
    NSDictionary *photo = [self.photoList objectAtIndex:indexPath.row]; 


    if (photo != nil) { 
     if ([[photo objectForKey:@"title"] length] > 0) { 
      cell.textLabel.text = [photo objectForKey:@"title"]; 
     } else if ([[[photo objectForKey:@"description"] objectForKey:@"_content"] length] > 0) { 
      cell.textLabel.text = [[photo objectForKey:@"description"] objectForKey:@"_content"]; 
     } else { 
      cell.textLabel.text = @"Unknown"; 
     } 
    } 
    cell.imageView.image = [[UIImage alloc] initWithCIImage:nil]; 

    // Fetch using GCD 
    dispatch_queue_t downloadThumbnailQueue = dispatch_queue_create("Get Photo Thumbnail", NULL); 
    dispatch_async(downloadThumbnailQueue, ^{ 
     UIImage *image = [self getTopPlacePhotoThumbnail:photo]; 
     dispatch_async(dispatch_get_main_queue(), ^{ 
      if ([self.tableView.visibleCells containsObject:cell]) { 
       [cell.imageView setImage:image]; 
      } 
     }); 
    }); 
    dispatch_release(downloadThumbnailQueue); 

    return cell; 
} 

पंक्ति

अद्यतन चयन करने के बाद एक पंक्ति

क्लिक करने से पहले:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    static NSString *CellIdentifier = @"Photo List Cell"; 
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; 

    // Configure the cell 
    NSDictionary *photo = [self.photoList objectAtIndex:indexPath.row]; 

    if (photo != nil) { 
    if ([[photo objectForKey:@"title"] length] > 0) { 
     cell.textLabel.text = [photo objectForKey:@"title"]; 
    } else if ([[[photo objectForKey:@"description"] objectForKey:@"_content"] length] > 0) { 
     cell.textLabel.text = [[photo objectForKey:@"description"] objectForKey:@"_content"]; 
    } else { 
     cell.textLabel.text = @"Unknown"; 
    } 
    } 
    cell.imageView.image = [[UIImage alloc] initWithCIImage:nil]; 

    // Fetch using GCD 
    dispatch_queue_t downloadThumbnailQueue = dispatch_queue_create("Get Photo Thumbnail", NULL); 
    dispatch_async(downloadThumbnailQueue, ^{ 
    UIImage *image = [self getTopPlacePhotoThumbnail:photo]; 
    dispatch_async(dispatch_get_main_queue(), ^{ 
     UITableViewCell *cellToUpdate = [self.tableView cellForRowAtIndexPath:indexPath]; // create a copy of the cell to avoid keeping a strong pointer to "cell" since that one may have been reused by the time the block is ready to update it. 
     if (cellToUpdate != nil) { 
      [cellToUpdate.imageView setImage:image]; 
      [cellToUpdate setNeedsLayout]; 
     } 
    }); 
    }); 
    dispatch_release(downloadThumbnailQueue); 

    return cell; 
} 

Answer 1

: उन दिलचस्पी के लिए, यह अंतिम कोड मैं प्रयोग किया जाता है आपकोपर कॉल करना चाहिए थंबनेल सेट करने के बाद सेल पर।

एप्पल डॉक्टर से:। जब आप किसी दृश्य के subviews के लेआउट समायोजित करना चाहते हैं

"अपने आवेदन की मुख्य थ्रेड पर इस विधि कॉल इस विधि अनुरोध का एक नोट बना देता है और तुरंत वापस लौट क्योंकि इस विधि से करता है। तत्काल अद्यतन को मजबूर नहीं करें, बल्कि इसके बजाय अगले अपडेट चक्र की प्रतीक्षा कर रहे हैं, आप इसका उपयोग किसी भी दृश्य को अपडेट करने से पहले कई दृश्यों के लेआउट को अमान्य करने के लिए कर सकते हैं। यह व्यवहार आपको अपने सभी लेआउट अपडेट को एक अपडेट चक्र में समेकित करने की अनुमति देता है, जो प्रदर्शन के लिए आमतौर पर बेहतर होता है। "

Answer 2

एक और समाधान (और जिसे मैंने उस असाइनमेंट के लिए उपयोग किया था) सेल की छवि पर सेटनेड्स डिस्प्ले को कॉल करना है एक बार जब आपने उस छवि को UIImage असाइन किया है तो देखें।

तो मूल रूप से, मैंने फ़्लिकरडाउनलोडर नामक एक कक्षा बनाई जो फ़्लिकरफ़ेचर (साथ ही साथ मेरे कैशिंग कोड) की कार्यक्षमता को लपेटता है। FlickrDownloader इस विधि है:

(void)getImageForPhotoInfo:(NSDictionary *)photoInfo ofFormat:(FlickrPhotoFormat)format withCallback:(image_setter_callback_t)callback; 

यह मूलतः FlickrFetcher का एक ही कार्य करने के लिए एक फोन है, लेकिन यह एक कॉलबैक thats तस्वीर को डाउनलोड करने के पूरा होने पर कहा जाता है कहते हैं। एक UITableViewCell की imageView को अद्यतन करने के मामले में कॉलबैक इस तरह दिखता है:

image_setter_callback_t setImage = ^(UIImage *image){ 
    cell.imageView.image = image; 
    [cell.imageView setNeedsDisplay]; 
};