如何在后台下载表视图单元的多个图像?

时间:2012-05-02 05:50:31

标签: iphone uitableview

我想在tableView的一行中创建一个应用程序,将有4个按钮的图像将在后台从服务器加载,因为如果我直接加载它们而不是表视图将挂起一些。为此我已经使用此代码在单元格中创建按钮并执行在后台下载图像。

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

        static NSString *hlCellID = @"hlCellID";

        UITableViewCell *hlcell = [tableView dequeueReusableCellWithIdentifier:hlCellID];
        if(hlcell == nil) {
            hlcell =  [[[UITableViewCell alloc] 
                        initWithStyle:UITableViewCellStyleDefault reuseIdentifier:hlCellID] autorelease];
            hlcell.accessoryType = UITableViewCellAccessoryNone;
            hlcell.selectionStyle = UITableViewCellSelectionStyleNone;
        }

        int section = indexPath.section;
        NSMutableArray *sectionItems = [sections objectAtIndex:section];

        int n = [sectionItems count];

        int i = 0, j = 0, tag = 1;
        int x = 10;
        int y = 30;

        NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
        for (i = 1; i<= n ; i++) //[arr count]
        {
            for(j=1; j<=4;j++)
            {

                if (i>=n) break;
                Item *item = [sectionItems objectAtIndex:i];

                CGRect rect = CGRectMake(x = x, y = y, 68, 65); 
                UIButton *button=[[UIButton alloc] initWithFrame:rect];
                [button setFrame:rect];
                UIImage *buttonImageNormal=[UIImage imageNamed:item.image];
                [button setBackgroundImage:buttonImageNormal    forState:UIControlStateNormal];
                [button setContentMode:UIViewContentModeCenter];
                // set the image to be loaded (using the same one here but could/would be different)
                NSURL *imgURL = [NSURL URLWithString:@"http://londonwebdev.com/wp-content/uploads/2010/07/featured_home.png"];      

                // Create an array with the URL and imageView tag to 
                // reference the correct imageView in background thread.
                NSMutableArray *arr = [[NSArray alloc] initWithObjects:imgURL, [NSString stringWithFormat:@"%d", tag], nil  ];

                // Start a background thread by calling method to load the image
                [self performSelectorInBackground:@selector(loadImageInBackground:) withObject:arr];
    //          button.tag = [tagValue intValue];
                button.tag = tag;
                //NSLog(@"....tag....%d", button.tag);

                [button addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];
                [hlcell.contentView addSubview:button];
                [button release];

                tag++;

                x = x + 77; 

            }
            x = 10;
            y = y + 74;
        }
        [pool release];
        return hlcell;
    }

上面的代码工作得很好,但是当我下载图片并尝试在某个特定按钮上分配时,我找不到按钮标签,我可以在touchupinside动作时找到按钮标签。

- (void) loadImageInBackground:(NSArray *)urlAndTagReference  {

    NSLog(@"Received URL for tagID: %@", urlAndTagReference);

    // Create a pool
    NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];

    // Retrieve the remote image. Retrieve the imgURL from the passed in array
    NSData *imgData = [NSData dataWithContentsOfURL:[urlAndTagReference objectAtIndex:0]];
    UIImage *img    = [[UIImage alloc] initWithData:imgData];

    // Create an array with the URL and imageView tag to 
    // reference the correct imageView in background thread.
    NSMutableArray *arr = [[NSArray alloc] initWithObjects:img, [urlAndTagReference objectAtIndex:1], nil  ];

    // Image retrieved, call main thread method to update image, passing it the downloaded UIImage
    [self performSelectorOnMainThread:@selector(assignImageToImageView:) withObject:arr waitUntilDone:YES];

    [pool release];

}

    - (void) assignImageToImageView:(NSArray *)imgAndTagReference
    {

        // Create a pool
        NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
        int i;
        UIButton *checkView;

    //  [imagesForCategories addObject:[imgAndTagReference objectAtIndex:1]];
    //    UITableViewCell *cell = [celebCategoryTableView cellForRowAtIndexPath:[imgAndTagReference objectAtIndex:1]];
    //    UIImageView *profilePic = (UIImageView *)[cell.contentView viewWithTag:20];
    //    profilePic.image = [imgAndTagReference objectAtIndex:0];


    //  checkView.tag = [[imgAndTagReference objectAtIndex:1] intValue];
        // loop
        for (UIButton *checkView in [self.tblImage subviews] ) 
        { i++;
            NSLog(@"Checking tag: %d against passed in tag %d",checkView.tag, [[imgAndTagReference objectAtIndex:1] intValue]);
            if ([checkView tag] == [[imgAndTagReference objectAtIndex:1] intValue]) {

                if (i==35) break;
                // Found imageView from tag, update with img
    //          [checkView setImage:[imgAndTagReference objectAtIndex:0]];
                [checkView setImage:[imgAndTagReference objectAtIndex:0] forState:UIControlStateNormal];

                //set contentMode to scale aspect to fit
                checkView.contentMode = UIViewContentModeScaleAspectFit;

                //change width of frame
                CGRect frame = checkView.frame;
                frame.size.width = 80;
                checkView.frame = frame;

            }
        }   

        // release the pool
        [pool release];

        // Remove the activity indicator created in ViewDidLoad()
        [self.activityIndicator removeFromSuperview];

    }

所有代码都运行完美但我在这里找不到表格单元子视图for (UIButton *checkView in [self.tblImage subviews]所以如何找到表格单元子视图的子视图。?

i want to create something like this pls see image.!在新城市到来之后,只需更改部分数据就会在行和单元格部分显示新图像。

1 个答案:

答案 0 :(得分:2)

您可以使用SDWebImage

网络图片 该库为UIImageVIew提供了一个类别,支持来自Web的远程图像。

它提供:

UIImageView类别,将Web图像和缓存管理添加到Cocoa Touch框架 异步图像下载器 具有自动缓存到期处理的异步内存+磁盘映像缓存 保证不会多次下载相同的URL 保证不会一次又一次地重试伪造的URL 表演!

只需使用它

[youImageView setImageWithURL:[NSURL URLWithString:url] placeholderImage:nil options:SDWebImageRetryFailed];