NSCollectionView是借鑑NSCollectionViewItems在彼此

Question

我NSCollectionView是借鑑了對方我NSCollection項目。 更新：我添加了一個示例項目 GitHub Sample Project

UPDATE：這種情況已經改變有點 When the app first launches it looks like this

UPDATE 我現在的例子有這是目前在那裏自己的筆尖文件兩種觀點，與專用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; 
} 

UPDATE 的ItemOne和ItemTwo類都是空的類，對於每個筆尖具有NSCollectionViewItem其又具有圖，其中標籤。該視圖是在NSCollectionViewItem連接到NSCollectionViewItem由視圖屬性。有除了默認的

的NSCollectionView網格設置爲目前沒有約束如下：

佈局：網格尺寸：最大行數：0最大列：1最小產品尺寸： 寬度：250身高：150最大物品大小：寬度：250高度：150

這是用於設置整個事物的代碼，此時不將它綁定到數據源。

看來，無論什麼我更改設置，甚至改變的CollectionView類型流量不會改變任何東西，它看起來是一樣的。

我一直在接近這個作爲AutoLayout的問題，因爲最初有一些自動佈局問題，但這些都已解決。

任何幫助將不勝感激。

Answer 1

的數據陣列應保持數據，而不是NSCollectionViewItem秒。在collectionView:itemForRepresentedObjectAtIndexPath:你可以撥打makeItemWithIdentifier:forIndexPath:。致電registerClass:forItemWithIdentifier:或registerNib:forItemWithIdentifier:註冊您的班級或筆尖。

更多信息在NSCollectionView，collectionView:itemForRepresentedObjectAtIndexPath:和makeItemWithIdentifier:forIndexPath:的文檔中。

編輯：

有兩種方法提供NSCollectionViewItem。

registerClass:forItemWithIdentifier:。當集合視圖需要一個新項目時，它會安裝這個類。 NSCollectionViewItem是NSViewController的子類，NSViewController查找與班級名稱相同的筆尖。 NSCollectionViewItem是筆尖的所有者。

registerNib:forItemWithIdentifier:。當集合視圖需要一個新項目時，它會加載這個筆尖。 NSCollectionViewItem是筆尖中的頂級對象。

您將registerClass:forItemWithIdentifier:與xib混合使用registerNib:forItemWithIdentifier:。使用registerNib:forItemWithIdentifier:或修復xib。

Answer 2

我想通了。

，並取得了GitHub庫與工作版本Working Version of Collection View Sample Application

的第一件事。感謝Willeke對原始xib設置方式的瞭解，我能夠獲得Grid類型的工作。但最終，如果你可以使它成爲你想要的，Grow視圖是一個更好的視圖類型，因爲它支持部分，視圖之間的距離等等。所以，儘管我開始希望使用Grid類型，我將實現在我的應用程序中增長類型。

所以我使用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文件中定義，因此它們很容易修改。

脆弱的唯一部分是我計算每個視圖的高度，它只是脆弱的，因爲我在示例應用程序中執行時很懶。在實際的實現中，我將動態地從實際視圖中抓取它們，以便它們不被綁定到靜態數字。