1Mac one

認(rèn)識 Cocoa App 的開發(fā)：Cocoa Binding 、Window Control 、菜單欄...

本文例子是，應(yīng)用的關(guān)于窗口。
比起系統(tǒng)的對話框，增加了兩個(gè)按鈕，訪問官網(wǎng)和感謝信息

Screen Shot 2020-03-09 at 10.39.53 PM.png

Cocoa Binding

比起 iOS 的 KVC 和 KVO，OXS 多一個(gè) Cocoa Binding.

KVC, 處理屬性的讀寫。
一般開發(fā)會使用 getter 和 setter

MVC 中的控制器，干的活，就是讓模型 Model 和視圖 View ，保持同步 sync
KVO 和 KVB ，都減少了膠水代碼。

KVO, 側(cè)重模型。模型改變，自動訂閱修改視圖

KVB, 側(cè)重視圖。直接把視圖暴露出可以綁定的屬性，與模型，直接關(guān)聯(lián)。一般結(jié)合 XIB 使用
KVB, 抽離出關(guān)心的屬性，簡化掉不必要的視圖操作

例如：設(shè)置 NSTextView 的內(nèi)容

通過 MVC 的 getter 和 setter，

// 這是感謝視圖
@IBOutlet weak var acknowlesgeScroll: NSScrollView!


override func windowDidLoad() {
        // ...
        if let textView = acknowlesgeScroll.documentView as? NSTextView{
            textView.textStorage?.append(acknowledgment)
        }
       //...
}

通過 KVB，

@objc dynamic var acknowledgment = BundleInfo.get.acknowledgment

同時(shí)設(shè)置 Xib

Screen Shot 2020-03-09 at 11.34.47 PM.png

iOS 應(yīng)用，是靠手勢操作。Cocoa 應(yīng)用，是靠鼠標(biāo)和鍵盤操作。

Screen Shot 2020-03-11 at 9.27.26 PM.png

比起 iOS，Cocoa App 多了頂部左邊的菜單欄

Screen Shot 2020-03-11 at 9.36.16 PM.png

把 Main.storyboard 里面菜單 menu 的選項(xiàng)， 關(guān)聯(lián)到 AppDelegate, 可以方便的設(shè)置菜單事件

    let aboutWindow = AboutWindowController(windowNibName: .about)

// 進(jìn)入窗口
    @IBAction func enterAbout(_ sender: NSMenuItem) {
        
        let mask:NSWindow.StyleMask = [.closable, .titled, .borderless, .resizable]
        aboutWindow.window?.styleMask = mask
        aboutWindow.appWebsiteURL = URL.demo
        aboutWindow.showWindow(nil)
        
    }
    
    
    // 進(jìn)入官網(wǎng)
    @IBAction func enterWeWeb(_ sender: NSMenuItem) {
        if let web = URL.demo{
            NSWorkspace.shared.open(web)
        }
    }
    

Screen Shot 2020-03-11 at 9.37.32 PM.png

頂部菜單欄, 除了鼠標(biāo)點(diǎn)擊，還可以設(shè)置鍵盤快捷鍵

Screen Shot 2020-03-11 at 9.27.42 PM.png

比起 iOS，Cocoa App 多了頂部右邊的狀態(tài)欄

class AppDelegate: NSObject, NSApplicationDelegate {
    // 維持生命周期
    let status = NSStatusBar.system.statusItem(withLength: NSStatusItem.squareLength)
    let customMenu = NSMenu()

    
    func applicationDidFinishLaunching(_ aNotification: Notification) {
        // Insert code here to initialize your application
        
        //設(shè)置應(yīng)用圖標(biāo)
        NSApp.applicationIconImage = NSImage.init(named: "NSInfo")
        
        
        //設(shè)置點(diǎn)擊狀態(tài)圖標(biāo)時(shí)的響應(yīng)事件
        
        status.button?.target = self
        status.button?.action = #selector(statusBarClicked(_:))
          
        //設(shè)置狀態(tài)圖標(biāo)
        status.button?.image = NSImage.init(named: "NSInfo")
        
        //NSMenu
        customMenu.title = "Title"

        customMenu.addItem(withTitle: "退出", action: #selector(NSApp.terminate(_:)), keyEquivalent: "k")
        status.menu = customMenu
    }
    // ...

頂部狀態(tài)欄, 也可以設(shè)置鍵盤快捷鍵

這里的快捷鍵，是 Command + Shift + k

比起 iOS，Cocoa App 的左上角，一般還有三個(gè)圓點(diǎn)

Screen Shot 2020-03-11 at 9.45.06 PM.png

從左到右，一般是關(guān)閉窗口、最小化和尺寸拉伸

這里有一個(gè)位運(yùn)算

系統(tǒng)給的默認(rèn)的，Main.storyboard 自帶的 ViewController 的 window mask 是 11.
2 進(jìn)制 1011, 11 = 2 + 1 + 0 + 8
帶有 4 個(gè)屬性 [.closable, .titled, .borderless, .resizable]，

.closable, 可關(guān)閉，值為 2，
.titled，帶標(biāo)題，值為 1，
.borderless , 沒有邊框， 值為 0
.resizable , 窗口可拉伸， 值為 8

Swift 支持 OptionSet 協(xié)議，簡化了位運(yùn)算

        // 控制控制器的窗口，是否可以拉伸
        var mask:NSWindow.StyleMask = [.closable, .titled, .borderless]
        if couldResize{
            mask.insert(NSWindow.StyleMask.resizable)
        }
        aboutWindow.window?.styleMask = mask

補(bǔ)充小的方面：

iOS 主要用到一個(gè) Window，OSX 可以用到多個(gè)窗口。

場景多一些。

例如：視頻應(yīng)用，主要用兩個(gè)窗口。
一個(gè)窗口，是菜單；
還有一個(gè)是播放器

訪問包里面的文件，需要添加 scheme

           // 設(shè)置感謝的內(nèi)容
            if let path = Bundle.main.path(forResource: "Credits", ofType: "rtf"), let address = URL(string: path.path){
                  do {
                      credit = try NSAttributedString(url: address, options: [:], documentAttributes: nil)
                  } catch let error as NSError {
                      print(error.debugDescription)
                  }
              }

添加 scheme

extension String{
    var path: String{
        "file://\(self)"
    }
}

簡化滾動條, scroll bar

從

Screen Shot 2020-03-11 at 10.30.21 PM.png

到

Screen Shot 2020-03-11 at 10.31.00 PM.png

去掉滾動條的追蹤條，
需要處理下 NSScroller

class TransparentScroller: NSScroller {

    override func draw(_ dirtyRect: NSRect) {
        self.drawKnob()
    }
    
}