在 UIImageView 中显示活动指示器答案

【问题标题】：showing activity indicator within UIImageView在 UIImageView 中显示活动指示器
【发布时间】：2016-07-18 12:00:11
【问题描述】：

当我从 url 下载内容时，我正在尝试将活动指示器添加到 imageView 中，但问题是活动指示器不可见。

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *identifier = @"Cell";

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

    UIImageView *recipeImageView = (UIImageView *)[cell viewWithTag:100];
    recipeImageView.image = nil;

    if ([imageArray count] >0){
        if(cachedImage[[imageArray objectAtIndex:indexPath.row]] != nil){
            recipeImageView.image = cachedImage[[imageArray objectAtIndex:indexPath.row]];
        }
        else{
            UIActivityIndicatorView *activityIndicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];
            activityIndicator.frame = CGRectMake(140, 236, 37, 37);
            [activityIndicator startAnimating];
            [recipeImageView addSubview:activityIndicator];
            self.view.userInteractionEnabled = NO;

            dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0), ^(void) {
                NSData *data0 = [NSData dataWithContentsOfURL: [NSURL URLWithString:[imageArray objectAtIndex:indexPath.row]]];
                UIImage *image = [UIImage imageWithData: data0];

                dispatch_sync(dispatch_get_main_queue(), ^(void) {
                    recipeImageView.image = image;
                    [activityIndicator stopAnimating];
                    cachedImage[[imageArray objectAtIndex:indexPath.row]] = image;
                });
            });
        }
    }

如果可能的话，我怎样才能在 imageview 中显示带有进度百分比的活动指示器？

【问题讨论】：

activityIndicator.center = recipeImageView.center; 试试这个。
@EktaMakadiya 这行不通，因为中心不在同一个坐标系中。
@Learner 检查我的答案。
嗨，使用 github 上的一个名为 AsyncImageView 的库，它完全可以实现您想要实现的目标。你给它 url，它显示指示器，下载和显示图像，有一个占位符图像，并且是可定制的。如果您愿意，它甚至可以存储图像！
是CGRectMake(140, 236, 37, 37) 的位置，即使在UIImageView 的范围内？

标签： ios objective-c uiimageview uicollectionview uiactivityindicatorview

【解决方案1】：

只需更新您的代码并尝试此操作

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *identifier = @"Cell";

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

    UIImageView *recipeImageView = (UIImageView *)[cell viewWithTag:100];
    recipeImageView.image = nil;

    if ([imageArray count] >0){
        if(cachedImage[[imageArray objectAtIndex:indexPath.row]] != nil){
            recipeImageView.image = cachedImage[[imageArray objectAtIndex:indexPath.row]];
        }
        else{
            UIActivityIndicatorView *activityIndicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];
            [activityIndicator setCenter: recipeImageView.center];
            [activityIndicator startAnimating];
            [cell.contentView addSubview:activityIndicator];

            dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0), ^(void) {
                NSData *data0 = [NSData dataWithContentsOfURL: [NSURL URLWithString:[imageArray objectAtIndex:indexPath.row]]];
                UIImage *image = [UIImage imageWithData: data0];

                dispatch_sync(dispatch_get_main_queue(), ^(void) {
                    recipeImageView.image = image;
                    [activityIndicator removeFromSuperview];
                    cachedImage[[imageArray objectAtIndex:indexPath.row]] = image;
                });
            });
        }
    }

【讨论】：

男人不要复制和发布答案。请尝试给出示例或尝试代码解决方案。
我在其他 stackoverflow 相关问题中看到了您发布的答案。
我刚刚确认了一个答案。但没有从那里复制，因为我在我的应用程序中做了同样的事情。并且看他的代码正在运行，因为他对我的答案投了赞成票。 :)
当我们看到答案时，它至少应该是独一无二的。这就是我们说的原因。
是的，我同意，但有时我们必须复制问题并更新它。但从下一次我会照顾它

【解决方案2】：

试试这个：

UIActivityIndicatorView *activityIndicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];
        activityIndicator.center = recipeImageView.center; 
        [activityIndicator startAnimating];
        [recipeImageView addSubview:activityIndicator];
        self.view.userInteractionEnabled = NO;

        dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0), ^(void) {
            NSData *data0 = [NSData dataWithContentsOfURL: [NSURL URLWithString:[imageArray objectAtIndex:indexPath.row]]];
            UIImage *image = [UIImage imageWithData: data0];

            dispatch_sync(dispatch_get_main_queue(), ^(void) {
                recipeImageView.image = image;
                [activityIndicator stopAnimating]; 
                [activityIndicator removeFromSuperview];
                cachedImage[[imageArray objectAtIndex:indexPath.row]] = image;
            });
        });

【讨论】：

@Learner 请回复。如果这可行，请接受它。

【解决方案3】：

 UIActivityIndicatorView *indicator = [[UIActivityIndicatorView alloc]initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];

[indicator startAnimating];
[indicator setCenter:self.recipeImageView.center];
[self.contentView addSubview:indicator];

【讨论】：

它可以工作，但是当只有三个图像正在加载时，它会添加六个微调器