我的应用程序的UI需要分页的9个图像的网格。 为此,我在UIScrollView(使用UIPageControl)中创建了几个UITable:
我的表来自我注册的xib文件。每个表格单元格中都有3个按钮。
- (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?
答案 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提供的,但应该是一个很好的起点。有任何问题让我知道。