NSCollectionView stück für stück füllen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • NSCollectionView stück für stück füllen

    hallo zusammen,

    ich habe einen NSCollectionView und einen sack voll bilder.
    der NSCollectionView bekommt seine Daten aus einem arraycontroller.

    ich erstelle pro bild eine datenklasse die erstmal nur den pfad und den namen als bild bekommt. (in einem background thread)
    die datenklasse sorgt selbst für das laden und ggf erstellen eines thumbnails vom Bild. (per nsoperation und nsoperationqueue)

    das funktioniert auch alles wunderbar, nur es gefällt mir nicht.
    der collectionview zeigt erst etwas an, wenn alle bilder geladen sind.
    ich hätte gern, dass erstmal alle bilder mit dummybild (wird beim erstellen der datenklasse geladen) angezeigt werden und dann nach und nach
    die ganzen bilder geladen werden. ich hoffe ich hab mich halbwegs verständlich ausgedrückt.

    hier noch die controllerklasse und die datenklasse


    Quellcode

    1. #import "ImageBrowserController.h"
    2. #import "VIPImage.h"
    4. @implementation ImageBrowserController
    6. @synthesize xibHasLoaded, imagesArray, operationQueue;
    8. SYNTHESIZE_SINGLETON_FOR_CLASS(ImageBrowserController);
    11. #pragma mark - Private Methods
    14. - (void) addImage : (NSDictionary*) dict {
    16. VIPImage *i = [VIPImage vipImageWithDict:dict andDelegate:self];
    18. [self.imageArrayController addObject:i];
    19. }
    21. - (void) loadImagesInBackground {
    22. NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
    25. //int i = 0;
    27. for (NSString *file in [fileManager contentsOfDirectoryAtPath:@"/Volumes/1TB/Picts" error:nil]) {
    28. //if (i > 100) break;
    29. //i++;
    31. if (![[[file pathExtension] lowercaseString] isEqualToString:@"jpg"]) continue;
    33. [self performSelectorOnMainThread:@selector(addImage:) withObject:[NSDictionary dictionaryWithObjectsAndKeys:file, @"imageName", @"/Volumes/1TB/Picts", @"imagePath", nil] waitUntilDone:NO];
    34. //[self addImage:[NSDictionary dictionaryWithObjectsAndKeys:file, @"imageName", @"/Volumes/1TB/Picts", @"imagePath", nil]];
    35. }
    38. [pool drain];
    39. }
    43. #pragma mark - Public Methods
    45. - (void) initImageBrowser {
    46. if (!self.xibHasLoaded)
    47. [NSBundle loadNibNamed:@"ImageBrowser" owner:self];
    49. [self.imageBrowserWindow makeKeyAndOrderFront:nil];
    50. }
    53. #pragma mark - Initialization
    55. - (id)init {
    56. self = [super init];
    57. if (self) {
    58. self.xibHasLoaded = NO;
    59. self.imagesArray = [NSMutableArray array];
    60. self.operationQueue = [[[NSOperationQueue alloc] init] autorelease];
    61. }
    62. return self;
    63. }
    65. - (void)dealloc {
    66. self.imagesArray = nil;
    68. [super dealloc];
    69. }
    72. - (IBAction)update:(id)sender {
    73. [NSThread detachNewThreadSelector:@selector(loadImagesInBackground) toTarget:self withObject:nil];
    74. }
    Alles anzeigen



    Quellcode

    1. @implementation VIPImage
    2. #pragma mark - Initialization
    4. - (id)init {
    5. self = [super init];
    6. if (self) {
    8. self.thumbImage = [NSImage imageNamed:@"dummyImage"];
    9. self.thumbImagePath = @"/Users/sascha/Desktop/thumbImages";
    11. self.needSave = NO;
    12. self.observersHooked = NO;
    13. }
    14. return self;
    15. }
    17. - (void)dealloc {
    18. [self removeObservers];
    20. self.delegate = nil;
    21. self.thumbImage = nil;
    22. self.thumbImagePath = nil;
    23. self.imageName = nil;
    24. self.imagePath = nil;
    26. [super dealloc];
    27. }
    29. + (VIPImage*) vipImage {
    30. return [[[VIPImage alloc] init] autorelease];
    31. }
    33. + (VIPImage*) vipImageWithDict: (NSDictionary*) dict andDelegate: (ImageBrowserController*) anDelegate {
    34. VIPImage *vipImage = [VIPImage vipImage];
    35. vipImage.imageName = ([dict objectForKey:@"imageName"] == [NSNull null]) ? @"" : [dict objectForKey:@"imageName"];
    36. vipImage.imagePath = ([dict objectForKey:@"imagePath"] == [NSNull null]) ? @"" : [dict objectForKey:@"imagePath"];
    37. vipImage.delegate = anDelegate;
    39. if (vipImage.delegate) {
    40. VIPImageThumbOperation *op = [[[VIPImageThumbOperation alloc] initWithVIPImage:vipImage] autorelease];
    41. [anDelegate.operationQueue addOperation:op];
    42. }
    44. return vipImage;
    45. }
    47. + (VIPImage*) vipImageWithDict: (NSDictionary*) dict {
    48. return [VIPImage vipImageWithDict:dict andDelegate:nil];
    49. }
    51. @end
    Alles anzeigen

  • macuser schrieb:


    der collectionview zeigt erst etwas an, wenn alle bilder geladen sind.
    ich hätte gern, dass erstmal alle bilder mit dummybild (wird beim erstellen der datenklasse geladen) angezeigt werden und dann nach und nach

    Ja, klingt gut. Dann mache es einfach so wie Du schreibst. Dummybild anzeigen und ersetzen sobald das Laden fertig ist.

    Was war nochmal die Frage?

  • Ich habe das mal so gemacht:

    Meine Image-Klasse hat eine Property:
    -(UIImage)thumbnail{
    if (!_thumbnail) {
    [self loadThumbnailImage]; // Hier meine Laderoutine, ich lade die aus dem Netz, bei dir ein 'PerformInBackground.. ' starten
    } else {

    return _thumbnail;
    }

    -(void)loadThumbnailImage{
    .. Laden ausführen
    .. entweder:

    [self willChangeValueForKey:@"Thumbnail"]; // KVO benachrichtigen
    // .. Bild Laden
    _thumbnail = ...
    [self didChangeValueForKey:@"Thumbnail"];

    // Damit sollte das CollectionView alle Thumbnails deiner Klasse der reihe nach anfordern und im Hintergrund laden

    }

  • Das sollte folgendermaßen klappen:

    über alle Bilder Deiner Datasource iterieren, dann jeweils im Hintergrund laden und dann von dort aus den image-Setter der ImageEntity im MainThread aufrufen:

    Quellcode

    1. ImageEntity (wird vom CollectionView dargestellt und Deinem NSArrayController verwaltet)
    2. ->property image
    3. ->property path;
    5. // in der Datasource
    6. - (void)updateImages
    7. {
    8. for ( ImageEntity *entity in self.entities ) {
    9. if ( entity.image == nil ) {
    10. [ self.operationQueue addOperationWithBlock:^{
    11. NSImage *image = ... image laden
    12. [ [ NSOperationQueue mainQueue ] addOperationWithBlock:^{
    13. entity.image = image;
    14. } ];
    15. } ];
    16. }
    17. }
    18. }
    Alles anzeigen

    Im NSImageView im collectionview setzt Du einen custom-NSValueTransformer welcher für ein nil-value einfach ein Platzhalterbild zurückgibt (bzw. Du schreibst Dir einen custom getter von ImageEntitys image-property und gibst da das Platzhalterbild zurück, falls die ivar noch nil ist).

    Gruß, Markus

  • danke für eure Hilfe. ich habe jetzt herausgefunden, dass es nicht am code liegt.
    das problem liegt beim nscollectionview. denn dieser läd aus mir unverständlichen gründen
    erstmal alle Bilder bis unten durch und nicht nur den sichbaren Bereich. aus diesem Grund
    ist das teil so schrecklich langsam.

    ich benutze jetzt einen IKImageBrowserView der mit meinem code genau das macht was er soll.
    und das auch noch richtig schnell und mit eingebautem zoom.
    einziger nachteil, ich bin nicht so flexibel bei der Darstellung.