NSCollectionView 正在相互绘制 NSCollectionViewItems

Question

我的 NSCollectionView 正在将我的 NSCollection 项目相互绘制。 更新：我添加了一个示例项目 GitHub Sample Project

更新：情况有所改变 When the app first launches it looks like this

更新 我当前的示例有两个视图，它们当前位于自己的 nib 文件中，具有专用的 NScollectionViewItem 对象，它们当前用于测试是相同的。我基本上有一个 NSCollectionViewItem 作为它的子视图，其中包含 NSTextField 。有所有的限制。

对于集合视图，它被设置为网格控制器，理想情况下，我希望有 1 列。

为了用数据加载它，我将 ViewController 设为 NSCollectionViewDataSource，并实现了 - (NSInteger)collectionView:(NSCollectionView *)collectionView numberOfItemsInSection:(NSInteger)section 和 - (NSCollectionViewItem *)collectionView:(NSCollectionView *)collectionView itemForRepresentedObjectAtIndexPath:(NSIndexPath *)indexPath

更新代码 包含完整代码：

- (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)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];

    return theItem;
}

更新 ItemOne 和 ItemTwo 类都是空类，每个类的 nib 都有一个 NSCollectionViewItem，而后者又具有一个带有标签的视图。视图通过NSCollectionViewItem 中的视图属性连接到NSCollectionViewItem。目前除了默认的没有约束

NSCollectionView 网格设置如下：

布局：网格尺寸：最大行数：0 最大列数：1 最小项目大小： 宽度：250 高度：150 最大物品尺寸：宽度：250 高度：150

这是设置整个事物的代码，此时不将其绑定到数据源。

似乎无论我如何更改设置，甚至将 CollectionView 类型更改为 Flow 都不会改变任何内容，它看起来都一样。

我一直将此作为自动布局问题处理，因为最初存在一些自动布局问题，但这些问题都已解决。

任何帮助将不胜感激。

Answer 1

数据数组应该保存数据而不是NSCollectionViewItems。在collectionView:itemForRepresentedObjectAtIndexPath: 中，您调用makeItemWithIdentifier:forIndexPath:。致电registerClass:forItemWithIdentifier: 或registerNib:forItemWithIdentifier: 注册您的课程或笔尖。

NSCollectionView、collectionView:itemForRepresentedObjectAtIndexPath: 和 makeItemWithIdentifier:forIndexPath: 的文档中的更多信息。

编辑：

有两种方法可以提供NSCollectionViewItem。

registerClass:forItemWithIdentifier:。当集合视图需要一个新项目时，它会实例化这个类。 NSCollectionViewItem 是 NSViewController 的子类，NSViewController 查找与该类同名的 nib。 NSCollectionViewItem 是笔尖的所有者。

registerNib:forItemWithIdentifier:。当集合视图需要一个新项目时，它会加载这个 nib。 NSCollectionViewItem 是 nib 中的顶级对象。

您将registerClass:forItemWithIdentifier: 与用于registerNib:forItemWithIdentifier: 的xib 混合使用。使用registerNib:forItemWithIdentifier: 或修复xib。

Answer 2

我想通了。

并制作了一个带有工作版本Working Version of Collection View Sample Application的github repo

第一件事。由于 Willeke 掌握了原始 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 文件中定义，因此它们很容易修改。

唯一脆弱的部分是我在计算每个视图的高度的地方，它之所以脆弱只是因为我在示例应用程序中的实现很懒惰。在实际实现中，我会从实际视图中动态抓取它们，这样它们就不会被绑定到一个静态数字。