Question

hi i am working with Twitter, i got problem with images, i have tweet view have UITableview, it contains all tweet with user photo, if i load those photos in each cell when i scroll the UITableview, it scrolling very very slowly please suggest me to reduce the memory size of photos and scroll the UITableView fast.

i heard the thumbnail can reduce the memory size, does it.(if not which method i have to choose and what thumbnail method do’s) if so how to do that in this code (table view cell code)

 //Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

     static NSString *identifier = @"Cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];


    if(!cell) {

        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewStyleGrouped reuseIdentifier:nil] autorelease];

    UIImageView *myImage = [[UIImageView alloc]initWithFrame:CGRectMake(6,10,58,60)] ;

    NSURL *url = [NSURL URLWithString:[(Tweet*)[tweetArray objectAtIndex:indexPath.row] image_url]]; //here Tweet is other class and image_url is method in the Tweet class

    NSData *data = [[NSData alloc] initWithContentsOfURL:url];

    [myImage setImage: [UIImage imageWithData:data]];

    [cell.contentView addSubview:myImage];

    [myImage release];  

    }

    return cell;

}

Thank you,

please suggest me

Answer 1

The reason for slow scroll of the table view is that you are trying to get the image data for every cell on the main thread. UI is getting blocked while it is going to fetch the image data from the URL and, According to me its not good to download images on main thread while table view is also loaded.

Instead of using this approach, You should have to use NSOperationQueue, NSOperation and NSThread for async load of images to the appropriate cell.

If you need more help or simple code like 2-3 function to download images async…

Here are the functions….

Where you are parsing/getting the values only call [self startLoading]; It will load images without blocking UI.

- (void) startLoading {
   NSOperationQueue *queue = [[[NSOperationQueue alloc]init]autorelease];
   NSInvocationOperation *op = [[NSInvocationOperation alloc]initWithTarget:self selector:@selector(loadImagesInBackground) object:nil];
   [queue addOperation:op];
   [op release];
}

-(void) loadImagesInBackground {
      int index = 0;
      for (NSString urlString in [(Tweet*)[tweetArray objectAtIndex:indexPath.row] image_url]) {
           NSURL *url = [NSURL URLWithString:urlString];
           NSData *data = [[NSData alloc] initWithContentsOfURL:url];
           [myImageArray addObject: [UIImage imageWithData:data]];
           index++;
          if(index/3==0)
            [self.tableView performSelectorOnMainThread:@selector(reloadData) withObject:nil waitUntilDone:YES];
      }
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

     static NSString *identifier = @"Cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];


    if(!cell) {

        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewStyleGrouped reuseIdentifier:nil] autorelease];

    UIImageView *myImage = [[UIImageView alloc]initWithFrame:CGRectMake(6,10,58,60)] ;

    [myImage setImage: [myImageArray objectAtIndex:indexpath.row]];

    [cell.contentView addSubview:myImage];

    [myImage release];  

    }

    return cell;

}