最後，為組件添加數據。

1. 定義一個數據類型。示例中以目錄類為數據類型，該設計支持無限級別。
2. 基於數據類型準備數據。目錄數據保存在文件中時用數組形式，數組按級別有序排列，應用時需要將其格式化為目錄類的數據。
3. 應用Outline View組件到ViewController中，需要實現其DataSource及Delegate兩類委託。
4. 實現其DataSource委託，通過查看其定義，確定需要實現其中三個方法。
5. 實現其Delegate委託，通過查看其定義，確定需要實現其中一個方法。

//
// ViewController.swift
// iWriter
//
// Created by Jiangyouhua on 2019/6/27.
// Copyright ? 2019 Jiangyouhua. All rights reserved.
//

import Cocoa

/** 1. 定義目錄類。**/
class Catalog{
var title: String
var page: Int
var sub: [Catalog]
init (title: String, page:Int){
self.title = title
self.page = page
self.sub = [Catalog]()
}
}

/** 2. 準備數據。 **/
class CatalogItem{
static func bookCatalog()->[Catalog]{
var catalogs = [Catalog]()
let array = [
["level":0, "title":"第一章", "page": 1],
["level":1, "title":"第一章, 第一節", "page": 1],
["level":1, "title":"第一章, 第二節", "page": 10],
["level":1, "title":"第一章, 第三節", "page": 13],
["level":0, "title":"第二章", "page": 15],
["level":1, "title":"第二章, 第一節", "page": 15],
["level":1, "title":"第二章, 第二節", "page": 19],
["level":1, "title":"第二章, 第三節", "page": 23],
["level":0, "title":"第三章", "page": 26],
["level":1, "title":"第三章, 第一節", "page": 26],
["level":1, "title":"第三章, 第二節", "page": 30],
["level":1, "title":"第三章, 第三節", "page": 33]
]

var temp = Dictionary<Int, Catalog>()
for dic in array{
if let title = dic["title"]! as? String ,
let page = dic["page"]! as? Int,
let level = dic["level"]! as? Int{
let catalog = Catalog(title: title, page: page)
if level == 0 {
catalogs.append(catalog)
}else{
if let c = temp[level - 1]{
c.sub.append(catalog)
}
}
temp[level] = catalog
}
}
return catalogs
}
}

/** 3. 在ViewController中應用Outline View **/
class ViewController: NSViewController {

@IBOutlet weak var outlineView: NSOutlineView! // Outline View 組件
var catalogs: [Catalog]! // Outline View 的數據

override func viewDidLoad() {
super.viewDidLoad()

self.catalogs = CatalogItem.bookCatalog()
outlineView.dataSource = self // 數據源委託
outlineView.delegate = self // 事件委託
// Do any additional setup after loading the view.
}

override var representedObject: Any? {
didSet {
// Update the view, if already loaded.
}
}

}

/** 4. 實現數據源委託 **/
extension ViewController: NSOutlineViewDataSource {
// 頂級元素或子元素數量。
func outlineView(_ outlineView: NSOutlineView, numberOfChildrenOfItem item: Any?) -> Int {
if let catalog = item as? Catalog {
return catalog.sub.count
}
return catalogs.count
}

// 頂級元素或子元素數據。
func outlineView(_ outlineView: NSOutlineView, child index: Int, ofItem item: Any?) -> Any{
if let catalog = item as? Catalog {
return catalog.sub[index]
}
return catalogs[index]
}

// 是否有子元素。
func outlineView(_ outlineView: NSOutlineView, isItemExpandable item: Any) -> Bool{
if let catalog = item as? Catalog {
return catalog.sub.count > 0
}
return false
}
}

/** 5. 實現事件委託 **/
extension ViewController: NSOutlineViewDelegate{
// 為各Cell添加數據，需要區別各列，所以在Storyboard中需要為各列及Cell添加Identifier。
func outlineView(_ outlineView: NSOutlineView,
viewFor tableColumn: NSTableColumn?, item: Any) -> NSView?{
var view: NSTableCellView?
if tableColumn?.identifier.rawValue == "leftColumn"{
view = outlineView.makeView(withIdentifier: NSUserInterfaceItemIdentifier("leftCell"),
owner: self) as? NSTableCellView
if let catalog = item as? Catalog {
if let textField = view?.textField {
textField.stringValue = catalog.title
}
}
}else{
view = outlineView.makeView(withIdentifier: NSUserInterfaceItemIdentifier("leftCell"),
owner: self) as? NSTableCellView
if let catalog = item as? Catalog {
if let textField = view?.textField {
textField.stringValue = String( catalog.page )
}
}
}

return view
}
}

好了，Build and Run（構建、運行），看看效果，點開各欄後展示如下。

四、最後來個Horizontal Slider組件，數據方式：Cocoa綁定。

• 我們為ViewController添加Horizontal Slider組件，該步與上上述相同。

定位。

1. 拖動組件左邊，直到左邊到左近邊緣出現參考線即可。拖動組件右邊，直到右邊到右近邊緣出現參考線即可。
2. 在Inspector Area（檢查區）的Size（尺寸）欄里，點擊Autoresizing項外框四條箭關線，確認了上左右邊邊距，表示Horizontal Slider組件離ViewController的上左右邊距固定不變。

數據

1. Storyboard中選擇Horizontal Slider組件；
2. 在Inspector Area（檢查區）的Bindings（綁定）欄中， Value檔里Value項下勾選Bind to，使用默認值，Model Key Path項中填入score。表示將Horizontal Slider的值保存到NSUserDefaultsController（系統的用戶中）。
3. 在Inspector Area（檢查區）的Bindings（綁定）欄中， Availability檔里Enabled項下勾選Bind to，使用默認值，Model Key Path項中填入score。表示啟動時Horizontal Slider將從NSUserDefaultsController（系統的用戶中）獲取值數據。

Build and Run（構建、運行），嘗試一下：你將發現Horizontal Slider值位置，就是你上次關閉前的值位置。

另：了解macOS界面，請訪問：https://developer.apple.com/design/human-interface-guidelines/macos/overview/themes/

今天就學到這，下一章，macOS的菜單。

讓我們在這裡，遇見明天的自己！姜友華

推薦閱讀：