iPhone personnalisé dessiné UITableViewCell, comment charger + insérer des images du Web dans un fil?

Question

J'ai dessiné des cellules de tableau personnalisées (en utilisant les échantillons d'Apple comme base) et je dois maintenant faire une cellule qui affiche une image à partir d'une URL - chaque cellule aurait une image différente (basée sur certaines données il a) mais toutes les cellules sont les mêmes et donc le même id de réutilisation.

Quelle est la structure correcte pour cela? Évidemment j'ai besoin de charger l'image dans un nouveau fil. J'ai la fonction suivante si bien assis dans les cellules classe voir qui est exécutée dans son propre thread:

- (void)loadImage 
{ 
    NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init]; 
    self.img = [UIImage imageWithData: [NSData dataWithContentsOfURL: [NSURL URLWithString: [myProduct objectForKey:@"ImagePath"]]]]; 
    [self setNeedsDisplay]; 
    [pool release]; 
} 
 

Quand j'appelle cela de la fonction drawRect lui-même (ce qui est mauvais) puis elle « fonctionne », mais cela est évidemment appelé chaque fois que quelque chose se passe (sélection, etc.). Si je le mets dans la fonction init des cellules uiview, alors il n'est appelé que pour les 8 premières cellules et ensuite elles sont réutilisées. D'autres variations ont fini par faire que l'image ne soit pas 'réinitialisée' quand la cellule est réutilisée et donc les mêmes 8 images se répètent dans la table (bien que l'autre texte soit mis à jour).

Je ne m'inquiète pas de la mise en cache pour l'instant, mais y a-t-il des exemples de comment faire cela, ou est-ce que quelqu'un peut me pointer dans la bonne direction? Merci.

Answer 1

Eh bien, lorsque vous déposez la cellule, vous pouvez forcer le chargement de l'image là-bas. Vous ne devez pas le faire dans init ... En général, vous faire:

cell = dequeueCell... 
if (!cell) { 
    //create one 
} 

return cell; 

Qu'est-ce que vous pouvez faire est avant que la cellule de retour, vous pouvez forcer le chargement d'image si elle est le type de cellule que vous voulez . De cette façon, à chaque fois qu'il s'affiche, vous pouvez l'extraire de votre cache (s'il existe) et si ce n'est pas le cas, allez sur le Web.

Answer 2

La solution va devoir être plus sophistiquée car, par défaut, UITableView recycle les cellules (quand on fait défiler le haut, il est déplacé vers le bas et reconfiguré avec de nouvelles données). Par conséquent, il est possible que vous commenciez à télécharger une image, mais le contenu de la cellule est modifié avant la fin du téléchargement.

Dans cellForRowAtIndexPath:, vous devriez obtenir l'image à partir d'un cache (votre objet myProduct, un NSArray, peu importe). Si ce n'est pas le cas, vous devriez vérifier un drapeau pour voir s'il est déjà chargé. S'il n'est pas déjà chargé, alors vous définissez ce drapeau et détachez un nouveau thread (vous devriez regarder dans NSOperation, il fera la queue le travail et vous empêchera de lancer trop de threads à la fois).

Dans votre thread, vous devez télécharger l'image, puis utiliser performSelectorOnMainThread:target:waitUntilDone: pour appeler une méthode sur le thread principal avec l'image. Cette méthode peut mettre à jour le cache, définir l'indicateur isLoading sur NO et mettre à jour la cellule. Il est important de le faire de cette façon, car Cocoa exige que tout votre code de mise à jour de l'interface utilisateur soit sur le thread principal. J'espère que c'est un aperçu utile de ce qu'il faut faire.

Answer 3

un coup d'oeil à diapositives exemple approprié/vidéo/code de conférences stanford cs193p ... iphone application programming ...

Answer 4

Si vous ne l'avez pas vu une documentation explicite d'Apple à l'effet que je UIImage est don de thread-safe Je pense que tu devrais faire ça. Au lieu de cela, obtenez votre image en tant que NSData et transformez-la en UIImage dans votre thread principal. La règle de base est que tout le travail UIKit DOIT être fait dans votre thread principal ou le comportement est indéfini.

Answer 5

Cela devrait répondre à votre requête.LazyTableImages