具有网络数据的 UICollectionView 在与交互之前不显示单元格

Posted

技术标签:

【中文标题】具有网络数据的 UICollectionView 在与交互之前不显示单元格【英文标题】:UICollectionView with network data not showing cells until interacted with 【发布时间】:2014-07-06 01:50:27 【问题描述】:

我有一个加载了 *.xib 的 UIViewController。这个 ViewController 的一个元素是 UICollectionView。我在 ViewControllers -viewDidLoad 中发出异步网络请求,并在回调时调用 self.collectionView reloadData。我也试过了:

dispatch_async(dispatch_get_main_queue(), ^
    [self.collectionView reloadData];
);

奇怪的是,collectionView 确实加载了单元格,但不是那些在没有交互的情况下应该在屏幕上可见的单元格。滚动后,滚动到视图中的单元格显示正常。当我滚动回到开头时,第一个单元格也会出现。

我错过了什么?

我的数据源方法:

- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView

    return 1;


- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section

    return [self.listItems count];


- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath

    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];

    UILabel *lbl = (UILabel *)[cell.contentView viewWithTag:9];
    if (!lbl) 
        UILabel *lbl = [[UILabel alloc] initWithFrame:cell.contentView.frame];
        [lbl setTag:9];
        [cell.contentView addSubview:lbl];
    

    [lbl setBackgroundColor:[UIColor colorWithRed:1.f green:1.f blue:(10*indexPath.row)/255.f alpha:1]];
    [lbl setText:[NSString stringWithFormat:@"%d", indexPath.row]];

    return cell;

在回调时,我所做的只是设置 self.listItems = myFetchedArray 并在 collectionView 上调用 -reloadData...

【问题讨论】:

你在数据源方法中有什么?提取完成后如何处理数据?没有这些细节,这个问题毫无意义。 @nhgrif,已添加。道歉。 我不认为它有帮助,但是在你调用 [self.collectionView reloadData]; 之后,你能否也请尝试添加 [self.collectionView.collectionViewLayout invalidateLayout];之后呢? @opfeffer 你解决了吗?我有一个非常相似的问题,我对你的意见很感兴趣:) 【参考方案1】:

尝试在reloadData 之后更新collectionView 布局。

Objective-C

[self.collectionView.collectionViewLayout invalidateLayout];

斯威夫特

collectionView.collectionViewLayout.invalidateLayout()

您可以随时调用此方法来更新布局信息。 此方法使集合视图本身的布局无效,并且 马上返回。因此,您可以从 相同的代码块而不触发多个布局更新。这 实际的布局更新发生在下一个视图布局更新周期。

Apple - API Reference

【讨论】:

以上是关于具有网络数据的 UICollectionView 在与交互之前不显示单元格的主要内容,如果未能解决你的问题,请参考以下文章

UICollectionView / FlowLayout

uicollectionview 动态高度但固定宽度

具有多个 CollectionViewLayout 的单个 UICollectionView。为啥布局混乱?

显示具有多种不同 UICollectionViewCells 类型的 UICollectionView

具有动态单元标识符的 UICollectionView

UICollectionView 具有可扩展评论/回复的方法