NSCollectionView рисует NSCollectionViewItems друг над другом

Массив данных должен содержать данные вместо NSCollectionViewItems. В collectionView:itemForRepresentedObjectAtIndexPath: вы звоните makeItemWithIdentifier:forIndexPath:. Позвоните registerClass:forItemWithIdentifier: или registerNib:forItemWithIdentifier:, чтобы зарегистрировать свой класс или nib.

Дополнительные сведения см. в документации по NSCollectionView, collectionView:itemForRepresentedObjectAtIndexPath: и makeItemWithIdentifier:forIndexPath:.

РЕДАКТИРОВАТЬ:

Есть два способа предоставить файл NSCollectionViewItem.

registerClass:forItemWithIdentifier:. Когда представлению коллекции требуется новый элемент, оно создает этот класс. NSCollectionViewItem является подклассом NSViewController, а NSViewController ищет перо с тем же именем, что и класс. NSCollectionViewItem является владельцем пера.

registerNib:forItemWithIdentifier:. Когда представлению коллекции требуется новый элемент, оно загружает этот наконечник. NSCollectionViewItem — это объект верхнего уровня пера.

Вы смешали registerClass:forItemWithIdentifier: с xib для использования с registerNib:forItemWithIdentifier:. Используйте registerNib:forItemWithIdentifier: или исправьте xib.

Я разобрался.

И сделал репозиторий github с рабочей версией Рабочая версия приложения Collection View Sample Application

Первым делом. Благодаря уловке Виллеке того, как был настроен оригинальный xib, я смог заставить работать тип Grid. Но, в конце концов, представление Grow является лучшим типом представления, если вы можете заставить его делать то, что вы хотите, потому что оно поддерживает разделы, расстояния между представлениями и т. д. Поэтому, хотя я начал с желания использовать тип Grid, я собираюсь реализовать тип Grow в моем приложении.

Итак, я выполнил представление в один столбец, используя тип Grow.

Мои критерии успеха:

• Что он может поддерживать неравномерную высоту просмотра (каждый пользовательский вид может иметь свою высоту)
• Что есть один столбец, и каждое пользовательское представление расширяется, если увеличивается размер представления.

В исходный код:

@interface ViewController ()
@property NSMutableArray *cellArray;
@property (weak) IBOutlet NSCollectionView *collectionView;

@end

@implementation ViewController

@synthesize cellArray;
@synthesize collectionView;

- (void)viewDidLoad {
    [super viewDidLoad];

    // Do any additional setup after loading the view.

    [collectionView registerClass:ItemOne.class forItemWithIdentifier:@"Item1"];
    [collectionView registerClass:ItemTwo.class forItemWithIdentifier:@"Item2"];

    cellArray = [@[@"Item1", @"Item2", @"Item1", @"Item2", @"Item1"] mutableCopy];
}


- (void)setRepresentedObject:(id)representedObject {
    [super setRepresentedObject:representedObject];

    // Update the view, if already loaded.
}

#pragma mark - NSCollectionViewDatasource -

- (NSInteger)numberOfSectionsInCollectionView:(NSCollectionView *)collectionView {
    return 1;
}

- (NSInteger)collectionView:(NSCollectionView *)collectionView
 numberOfItemsInSection:(NSInteger)section {

    // We are going to fake it a little.  Since there is only one section
    NSLog(@"Section: %ld, count: %ld", (long)section, [cellArray count]);

    return [cellArray count];
}

- (NSCollectionViewItem *)collectionView:(NSCollectionView *)collectionView
 itemForRepresentedObjectAtIndexPath:(NSIndexPath *)indexPath {

    NSLog(@"IndexPath: %@, Requested one: %ld", indexPath, [indexPath item]);
    NSLog(@"Identifier: %@", [cellArray objectAtIndex:[indexPath item]]);

    NSCollectionViewItem *theItem = [collectionView makeItemWithIdentifier:[cellArray objectAtIndex:[indexPath item]] forIndexPath:indexPath];

    theItem.representedObject = [cellArray objectAtIndex:[indexPath item]];

    return theItem;
}

#pragma mark - NSCollectionViewDelegate -
- (NSSize)collectionView:(NSCollectionView *)collectionView
              layout:(NSCollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    NSLog(@"%@", indexPath);

    NSSize size = NSMakeSize(438, 150);
    NSInteger width = 0;
    NSInteger height = 0;
    NSString *label = [cellArray objectAtIndex:[indexPath item]];

    NSRect collectionFrame = [collectionView frame];

    width = collectionFrame.size.width;

    // TODO: This needs to be based on the actual value of the view instead of hardcoding a number in.
    if ([label isEqualToString:@"Item1"]) {
        height = 114;
    } else if ([label isEqualToString:@"Item2"]) {
        height = 84;
    }

    size = NSMakeSize(width, height);

    return size;    
}

@end

И вот оно. Реализация была не так уж и плоха. Каждое из пользовательских представлений, которые отображаются в NSCollectionView, определяются в собственном NSCollectionViewItem и файле .xib, поэтому их легко модифицировать.

Единственная хрупкая часть — это то, где я вычисляю высоту каждого представления, и она хрупкая только потому, что я ленив в своей реализации в примере приложения. В фактической реализации я буду динамически извлекать их из реальных представлений, чтобы они не были привязаны к статическому числу.