UICollectionView ajout d'image dans une cellule

Je suis en train de travailler sur un projet qui utilise UICollectionView pour afficher les données, qui peuvent ou peuvent ne pas avoir une image.

La façon dont je suis l'aide est de vérifier si l'url de l'image n'est pas nulle, puis ajouter une ImageView sur la cellule.

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    if (question.picture != (id)[NSNull null]) {
        //add AsyncImageView to cell
        imageView.contentMode = UIViewContentModeScaleAspectFill;
        imageView.clipsToBounds = YES;
        imageView.tag = IMAGE_VIEW_TAG;
        [cell addSubview:imageView];
        [[AsyncImageLoader sharedLoader] cancelLoadingImagesForTarget:imageView];
        imageView.imageURL = [NSURL URLWithString:question.picture];
    }
}

Pour ces cellules qui n'ont pas d'image, la cellule devrait ressembler à ceci:
https://dl.dropboxusercontent.com/u/5753236/Stackoverflow/good.png

Cependant, certains d'entre eux vont encore ajouter une ImageView avec recadrée de l'image sur elle, provoquant quelque chose comme ceci:
https://dl.dropboxusercontent.com/u/5753236/Stackoverflow/bad.png

J'ai essayé d'utiliser le SDWebImage, mais toujours pas à résoudre le problème.

L'autre problème est que quand j'ai faites défiler la UICollectionView, je voudrais voir quelques images affichées comme l'image ci-dessus d'abord, et ensuite de modifier son image correcte après que le chargement est terminé, et je n'ai aucune idée de ce qui est à l'origine du problème.

Merci de m'aider à régler ces deux problèmes, je vous remercie pour toute aide.

Vos liens sont mauvais

OriginalL'auteur Thomas | 2014-05-22

13

Tout d'abord, la façon d'ajouter des images dans votre cellule est assez dangereuse. La raison en est que vos cellules sont réutilisées (par exemple lorsque vous faites défiler, ou lorsque vous reloadData), et ces images ne sont jamais supprimés de la réutilisation. Donc, vous allez commencer à en voir partout, et vous pouvez même arriver au point où votre cellule contient plusieurs occurrences de l'image. Voici deux façons de le faire :
- Premier moyen (le bon sens) : Vous sous-classe votre UICollectionViewCell, et de donner à la sous-classe "imageView de la propriété". Puis vous faites cela dans votre CustomCollectionViewCell.m fichier :
```
//Lazy loading of the imageView
- (UIImageView *) imageView
{
    if (!_imageView) {
        _imageView = [[UIImageView alloc] initWithFrame:self.contentView.bounds];
        [self.contentView addSubview:_imageView];
     }
     return _imageView;
 }

//Here we remove all the custom stuff that we added to our subclassed cell
-(void)prepareForReuse
{
    [super prepareForReuse];

    [self.imageView removeFromSuperview];
    self.imageView = nil;
}
```
  Puis dans votre ViewController votre avoir à déclarer la nouvelle classe de votre collectionViewCells comme ceci :
```
[self.collectionView registerClass:[CustomCollectionViewCell class] forCellWithReuseIdentifier:@"cell"];
```
  Elle permettra de s'assurer que les images sont correctement supprimés sur la réutilisation, et en plus c'est plus facile pour l'installation de la cellule de votre collectionView délégué.
- Deuxième moyen (sale), vous supprimez le point de vue chaque fois que vous chargez une nouvelle cellule :
```
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView                 cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    for (UIView *subview in [cell.contentView subviews]) {
        [subview removeFromSuperview];
    }

    if (question.picture != (id)[NSNull null]) {
        //add AsyncImageView to cell
        imageView.contentMode = UIViewContentModeScaleAspectFill;
        imageView.clipsToBounds = YES;
        imageView.tag = IMAGE_VIEW_TAG;
        [cell.contentView addSubview:imageView];
        [[AsyncImageLoader sharedLoader] cancelLoadingImagesForTarget:imageView];
        imageView.imageURL = [NSURL URLWithString:question.picture];
    }
}
```
  Cette façon est beaucoup plus facile, mais je ne le recommande pas 😛
Maintenant essayer cela et laissez-moi savoir comment votre bug évolue.

Merci beaucoup! La première solution que vous avez offert fonctionne vraiment et qui résout tout. Merci!!!! 🙂
Content d'avoir pu aider 😉
Trouvé cela très utile. En particulier, la prepareForReuse() la méthode et le nettoyage nécessaire. Comme je l'ai découvert il y a eu plusieurs occurrances de ma cellule ou comme il est apparu plusieurs titleLabels je l'avais placé à l'intérieur de ma cellule pour tester l'ordre de la collectionview.

OriginalL'auteur Kujey

Code Swift 4

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
retour 1 
} 

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
laissez-cellule = collectionView.dequeueReusableCell(withReuseIdentifier: "la cellule", pour: indexPath) 

var imageview:UIImageView=UIImageView(image: CGRect(x: 50, y: 50, largeur: 200, hauteur: 200)); 

var img : UIImage = UIImage(nommé:"Votre nom de l'image") 
imageview.image = img 

cellule.contentView.addSubview(imageview) 

} 

de retour de la cellule 
} 

func collectionView(collectionView: UICollectionView, la mise en page collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize { 
retour CGSize(largeur: 50, hauteur: 414) 
}

Bien que cette réponse est probablement correct et utile, il est préférable si vous inclure une explication avec elle pour expliquer comment elle aide à résoudre le problème. Ceci est particulièrement utile dans le futur, si il y a un changement (éventuellement sans rapport) qui provoque l'arrêt de travail et les utilisateurs doivent comprendre comment il a travaillé autrefois.

OriginalL'auteur Abishek T

Vous devez vous connecter pour publier un commentaire.