Is there a way to configure NSCollectionView programmatically in Swift?

Question

I come from iOS development, and I wonder if there is a way to configure NSCollectionView programmatically, like UICollectionView in iOS? And add NSCollectionViewItems to the code. Or is this the only way to configure NSCollectionView to use bindings?

Thanks!

Answer 1

Thanks to @stevesliva for pointing me to this SO answer . I converted it to Swift. This is what I got.

I create an NSCollectionView in the ViewController:

 import Cocoa class ViewController: NSViewController { var titles = [String]() var collectionView: NSCollectionView? override func viewDidLoad() { super.viewDidLoad() self.titles = ["Banana", "Apple", "Strawberry", "Cherry", "Pear", "Pineapple", "Grape", "Melon"] collectionView = NSCollectionView(frame: self.view.frame) collectionView!.itemPrototype = CollectionViewItem() collectionView!.content = self.titles collectionView!.autoresizingMask = NSAutoresizingMaskOptions.ViewWidthSizable | NSAutoresizingMaskOptions.ViewMaxXMargin | NSAutoresizingMaskOptions.ViewMinYMargin | NSAutoresizingMaskOptions.ViewHeightSizable | NSAutoresizingMaskOptions.ViewMaxYMargin var index = 0 for title in titles { var item = self.collectionView!.itemAtIndex(index) as! CollectionViewItem item.getView().button?.title = self.titles[index] index++ } self.view.addSubview(collectionView!) } } 

The created CollectionViewItem in the ViewController simply loads the view, where I myself create the view of the element.

 import Cocoa class CollectionViewItem: NSCollectionViewItem { var itemView: ItemView? override func viewDidLoad() { super.viewDidLoad() // Do view setup here. } override func loadView() { self.itemView = ItemView(frame: NSZeroRect) self.view = self.itemView! } func getView() -> ItemView { return self.itemView! } } 

Presentation itself:

 import Cocoa class ItemView: NSView { let buttonSize: NSSize = NSSize(width: 100, height: 20) let itemSize: NSSize = NSSize(width: 120, height: 40) let buttonOrigin: NSPoint = NSPoint(x: 10, y: 10) var button: NSButton? override func drawRect(dirtyRect: NSRect) { super.drawRect(dirtyRect) // Drawing code here. } override init(frame frameRect: NSRect) { super.init(frame: NSRect(origin: frameRect.origin, size: itemSize)) let newButton = NSButton(frame: NSRect(origin: buttonOrigin, size: buttonSize)) newButton.bezelStyle = NSBezelStyle.RoundedBezelStyle self.addSubview(newButton) self.button = newButton; } required init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") } func setButtonTitle(title: String) { self.button!.title = title } } 

To set the button title, I use the hack view. (for-loop in ViewController) If there is a better way to set a title, feel free to leave a comment.

Answer 2

For Swift 2.0, you need to change the collectionView!.autoresizingMask to:

long arm:

 collectionView?.autoresizingMask = NSAutoresizingMaskOptions([NSAutoresizingMaskOptions.ViewWidthSizable,NSAutoresizingMaskOptions.ViewMaxXMargin,NSAutoresizingMaskOptions.ViewMinYMargin,NSAutoresizingMaskOptions.ViewHeightSizable,NSAutoresizingMaskOptions.ViewMaxYMargin]) 

or short arm:

 collectionView?.autoresizingMask = NSAutoresizingMaskOptions([.ViewWidthSizable,.ViewMaxXMargin,.ViewMinYMargin,.ViewHeightSizable,.ViewMaxYMargin]) 

Answer 3

You need to insert NSCollectionView into NSScrollView . The code below is in Swift 4

Configure NSCollectionView

 let layout = NSCollectionViewFlowLayout() layout.minimumLineSpacing = 4 collectionView = NSCollectionView() collectionView.dataSource = self collectionView.delegate = self collectionView.collectionViewLayout = layout collectionView.allowsMultipleSelection = false collectionView.backgroundColors = [.clear] collectionView.isSelectable = true collectionView.register( Cell.self, forItemWithIdentifier: NSUserInterfaceItemIdentifier(rawValue: "Cell") ) 

Configure NSScrollView

 scrollView = NSScrollView() scrollView.documentView = collectionView view.addSubview(scrollView) 

Here's a simple NSCollectionViewItem

 class Cell: NSCollectionViewItem { let label = NSTextField() let imageView = NSImageView() override func loadView() { self.view = NSView() self.view.wantsLayer = true } }