最后，为组件添加数据。

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的菜单。

让我们在这里，遇见明天的自己！姜友华

推荐阅读：