将dequeueReusableCellWithIdentifier与UIScrollView中的多个表一起使用

时间:2012-08-13 23:55:32

标签: iphone objective-c cocoa-touch uitableview

我的应用程序的UI需要分页的9个图像的网格。 为此,我在UIScrollView(使用UIPageControl)中创建了几个UITable:

enter image description here

我的表来自我注册的xib文件。每个表格单元格中都有3个按钮。

enter image description here

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    int numPages = ([self.images count] + 8) / 9;
    NSLog(@"Page count: %i", numPages);
    // Set pages
    self.pageControl.numberOfPages = numPages;
    for (int i = 0; i < numPages; i++) {
        CGRect frame;
        frame.origin.x = self.scrollView.frame.size.width * i;
        frame.origin.y = 0;
        frame.size = self.scrollView.frame.size;

        UIView *subview = [[UIView alloc] initWithFrame:frame];
        subview.backgroundColor = [UIColor blackColor];
        [self.scrollView addSubview:subview];

        // Let's try and draw a table
        UITableView *table = [[UITableView alloc] initWithFrame:frame style:UITableViewStylePlain];
        table.delegate = self;
        table.dataSource = self;
        table.tag = 100 + i;
        table.separatorColor = [UIColor clearColor];
        [table setBackgroundColor:[UIColor blackColor]];
        [table registerNib:[UINib nibWithNibName:@"Cell" bundle:[NSBundle mainBundle]] forCellReuseIdentifier:@"TestCell"];
        [self.scrollView addSubview:table];
    }

    self.scrollView.contentSize = CGSizeMake(self.scrollView.frame.size.width * numPages, self.scrollView.frame.size.height);
}

我的问题是视图加载缓慢(5秒以上)。加载到按钮中的图像是本地的而不是大的。

我的cellForRowAtIndexPath如下所示:

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

    // What table/page are we looking at?
    // Check the tag
    int page = tableView.tag - 100;
    NSLog(@"We are on page/table: %i", page);

    // Configure the cell
    // Our cells have 3 button images
    // So we'll loop and set each image
    for (int i = 0; i < 3; i++) {
        // From our images array, the item we want
        // Will be the row * 3 + i
        int imageIndex = (page * 9) + (indexPath.row * 3) + i;
        NSLog(@"Image index is: %i", imageIndex);

        // Button tags are 10-12 (or 10 + i)
        UIButton *button = (UIButton *)[cell viewWithTag:(10 + i)];
        [button addTarget:self action:@selector(poseSelected:) forControlEvents:UIControlEventTouchUpInside];

        // We have to make sure we don't go out of the bounds of
        // our images array (might not have /3 exactly)
        if (imageIndex > [self.images count] - 1) {
            // We have an extra button, let's hide it
            button.hidden = YES;
        } else {
            // Get the image and file nameefrom our array
            NSDictionary *imageDict = (NSDictionary *)[self.images objectAtIndex:imageIndex];
            NSString *fileName = [imageDict objectForKey:@"file"];
            // Make the thumb name
            NSString *thumbName = [fileName stringByReplacingOccurrencesOfString:@".jpg"
                                                                      withString:@"-THUMB.jpg"];
            // NSLog(@"Thumb name is: %@", thumbName);
            // Set the button image
            UIImage *btnImage = [UIImage imageNamed:thumbName];
            [button setImage:btnImage forState:UIControlStateNormal];
        }
    }

    return cell;
}

当我查看日志输出时,所有单元格都会立即进行设置。这是为什么?

屏幕上的表格视图不应该呈现吗?或者我是否以错误的方式使用dequeueReusableCellWithIdentifier?

1 个答案:

答案 0 :(得分:1)

你是对的,你错误地解释了cellForRowAtIndexPath和滚动视图的工作原理。您的单元格会立即加载,因为您的tableviews是scrollview中的所有子视图。因此,当将scrollview添加到视图层次结构时,将立即加载作为子视图的tableviews。 cellForRowAtIndexPath为滚动tableview时正在消失的单元格进行回收(通过设计这是有意义的)。我的建议是使用回收滚动视图,甚至更好的自定义gridview实现(看起来是你需要的)。我的库中有一些示例,但可能值得搜索最佳网格视图或图像查看器,而不是满足您的需求。我的图书馆可以在这里找到:

https://github.com/daltoniam/GPLib-iOS

您将要查看:

https://github.com/daltoniam/GPLib-iOS/tree/master/GPLib/Views/ImageViews

https://github.com/daltoniam/GPLib-iOS/tree/master/GPLib/Views/GridView

正如我上面所说,可能值得寻找一个网格视图/图像视图,更多的是你的UI需要的行,然后是我的lib提供的,但应该是一个很好的起点。有任何问题让我知道。