UICollectionView仅在Scroll上加载图像

时间:2014-03-30 17:39:44

标签: ios objective-c uicollectionview

我很难在解析数据后加载UICollectionView图像。

这是来自Apple的LazyTable解决方案,并且每个人都在tableview上工作,但是

如果我滚动,CollectionView图像只有apear。

上的标签或其他数据等其他数据

单元格没有问题图片给我带来了麻烦。

这是我的委托中的重新加载方法:

    __block ParseOperation *weakParser = parser;

    parser.completionBlock = ^(void) {
        if (weakParser.appRecordList) {
            dispatch_async(dispatch_get_main_queue(), ^{
                CategroyScreenViewController *rootViewController = (CategroyScreenViewController*)[(UINavigationController*)self.window.rootViewController topViewController];

                rootViewController.entries = weakParser.appRecordList;
               [rootViewController.collectionView reloadData];
            });
        }
        self.queue = nil;
    };

    [self.queue addOperation:parser]; 
    self.appListData = nil;
}

这是我的CategroyScreenViewController,它包含collectionview:

#define kCustomRowCount     7

@interface CategroyScreemViewController () <UIScrollViewDelegate>
@property (nonatomic, strong) NSMutableDictionary *imageDownloadsInProgress;
@property (nonatomic) NSMutableArray* numbers;
@end
int num = 0;
@implementation CategroyScreemViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
     NSLog(@"view did load");
    [super viewDidLoad];
    self.imageDownloadsInProgress = [NSMutableDictionary dictionary];
    [self.collectionView reloadData];


}

- (CGSize) blockSizeForItemAtIndexPath:(NSIndexPath *)indexPath {


     NSLog(@"Asking for index paths of non-existant cells!! %d", indexPath.row);

    if (indexPath.row == 0) return CGSizeMake(2, 2);    
    return CGSizeMake(1, 1);
}
- (void) viewDidAppear:(BOOL)animated {
     NSLog(@"viewDidAppear load");
    [self.collectionView reloadData];
}
- (UIEdgeInsets)insetsForItemAtIndexPath:(NSIndexPath *)indexPath {
      NSLog(@"insetsForItemAtIndexPath load");
    return UIEdgeInsetsMake(2, 2, 2, 2);
}
- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    NSArray *allDownloads = [self.imageDownloadsInProgress allValues];
    [allDownloads makeObjectsPerformSelector:@selector(cancelDownload)];

    [self.imageDownloadsInProgress removeAllObjects];
}
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
    NSLog(@"numberOfSectionsInCollectionView load");
    return 1;
}

-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    NSUInteger count = [self.entries count];
      NSLog(@"numberOfItemsInSection load");
    if (count == 0)
    {
        return kCustomRowCount;
    }
    return count;
}
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    CategoryScreenCell *myCell = [collectionView dequeueReusableCellWithReuseIdentifier:@"MyCell" forIndexPath:indexPath];
    UILabel *label = (UILabel *)[myCell.contentView viewWithTag:10];
    NSUInteger nodeCount = [self.entries count];
    if (nodeCount > 0)
    {
        AppRecord *appRecord = [self.entries objectAtIndex:indexPath.row];
        [label setText:appRecord.appName];
        if (!appRecord.appIcon)
        {

            if (self.collectionView.dragging == NO && self.collectionView.decelerating == NO)
            {

                [self startIconDownload:appRecord forIndexPath:indexPath];
            }
            myCell.imageView.image = [UIImage imageNamed:@"Placeholder.png"];
        }
        else
        {

            myCell.imageView.image = appRecord.appIcon;
        }

    }

    return myCell;
}
- (UIColor*) colorForNumber:(NSNumber*)num {
    return [UIColor colorWithHue:((19 * num.intValue) % 255)/255.f saturation:1.f brightness:1.f alpha:1.f];
}
- (void)startIconDownload:(AppRecord *)appRecord forIndexPath:(NSIndexPath *)indexPath
{
    IconDownloader *iconDownloader = [self.imageDownloadsInProgress objectForKey:indexPath];
    if (iconDownloader == nil)
    {
        iconDownloader = [[IconDownloader alloc] init];
        iconDownloader.appRecord = appRecord;
        [iconDownloader setCompletionHandler:^{

            CategoryScreenCell *myCell = [self.collectionView dequeueReusableCellWithReuseIdentifier:@"MyCell" forIndexPath:indexPath];
            myCell.imageView.image = appRecord.appIcon;
            myCell.imageView.layer.masksToBounds = YES;
            [self.imageDownloadsInProgress removeObjectForKey:indexPath];

        }];
        [self.imageDownloadsInProgress setObject:iconDownloader forKey:indexPath];
        [iconDownloader startDownload];
    }
}
- (void)loadImagesForOnscreenRows
{
     NSLog(@"loadImagesForOnscreenRows");
    if ([self.entries count] > 0)
    {
        NSArray *visiblePaths = [self.collectionView indexPathsForVisibleItems];
        for (NSIndexPath *indexPath in visiblePaths)
        {
            AppRecord *appRecord = [self.entries objectAtIndex:indexPath.item];

            if (!appRecord.appIcon)
                // Avoid the app icon download if the app already has an icon
            {
                [self startIconDownload:appRecord forIndexPath:indexPath];
            }
        }
    }
}

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    NSLog(@"scrollViewDidEndDragging");

    if (!decelerate)
    {
        NSLog(@"decelerate");
        [self loadImagesForOnscreenRows];
    }
}


- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    NSLog(@"scrollViewDidEndDecelerating");
    [self loadImagesForOnscreenRows];
}

@end

好的,我改变了这个:

        CategoryScreenCell *myCell = [self.collectionView dequeueReusableCellWithReuseIdentifier:@"MyCell" forIndexPath:indexPath];

到这一个:

    CategoryScreenCell *myCell = [self.collectionView cellForItemAtIndexPath:indexPath];

程序效果很好,但它给了我这个警告: &#34;不兼容的指针类型初始化&#39; CategoryScreenCell *&#39;带有类型的表达式 &#39; UICollectionViewCell *&#39;

2 个答案:

答案 0 :(得分:1)

您可以通过仅投射单元格类型来消除警告,假设您知道它将是所需的类型:

CategoryScreenCell *myCell = (CategoryScreenCell *)[self.collectionView cellForItemAtIndexPath:indexPath];

答案 1 :(得分:1)

我用这种方法看到的问题是,在你的IconDownloader的完成处理程序中,你总是将一个单元格出列并填充它,即使它不可见也可能不会显示。我不知道有多少开销 - 这取决于你拥有多少个单元格以及人们可以多快滚动。

一种替代方法是在完成处理程序中发布通知,所有单元格都会注册该通知。在通知发生时调用的方法中,单元格将检查通知AppRecord中的userInfo是否适用于当前单元格,并将更新其图像。

另一个问题是您为滚动过去的每个单元格排列图像下载,因此如果用户快速滚动到集合视图的底部,则必须等待上面的所有图像先加载。您可以通过以下几种方式解决此问题:

1)当您将单元格出列时,为单元格提供对IconDownloader的引用。然后在单元格的prepareForReuse中,如果仍有待处理,请取消下载。

2)如果您不想取消挂起的下载,但想确保尽可能快地更新可见的单元格,您可以将下载放在优先级队列中,并增加每个新的{{ {1}}实例。