在這一篇中，我們使用一個(gè)開源控件EDStarRating對(duì)Bug進(jìn)行rate的設(shè)置，你可以從這里下載Demo Resources，解壓后拖入工程。
2.1 創(chuàng)建新的分組：Views, Helpers,Art，并將文件組織如下：
開始創(chuàng)建ScaryBugs詳情展示部分，這就開始動(dòng)手吧^_^
在iOS中，如果想展示下一個(gè)界面，一般需要?jiǎng)?chuàng)建兩個(gè)不同的view，在用戶操作table view的某一行時(shí)，切換不同的view來進(jìn)行顯示。
在OSX中，有一點(diǎn)不同，因?yàn)闆]有像iphone那樣屏幕尺寸的限制，所以，只需要把view弄的再大一些我們可以在同一個(gè)view中添加更多的的內(nèi)容。
2.2 選中MasterViewController.xib 選中view，然后把它拖動(dòng)的更寬更高，不必在意具體的尺寸細(xì)節(jié)，要能夠放下新的控件就可以。
2.3 添加新控件：我們需要顯示的詳情內(nèi)容有bugs的名字（name），圖片（image），和評(píng)分（rating），額外的，我們還需要添加兩個(gè)Label來說明一下每個(gè)區(qū)域的含義，界面的最終樣子大概如下圖
對(duì)于名字 （name） 我們使用NSTextField 控件，它具有顯示和編輯的功能
對(duì)應(yīng)圖片（image）我們使用控件NSImageView
對(duì)應(yīng)評(píng)分（rating）我們使用導(dǎo)入的開源控件EDStarRating 控件，為此我們需要從控件庫中拖拽一個(gè)叫做“Custom View”的控件，后面再設(shè)置它
2.4 設(shè)置EDStarRating控件，并修改label的文字
上一步里的Custom View是NSView類型，我們需要把它指定為EDStarRating
然后我們把第一個(gè)label名稱改為Name，第二個(gè)labe的名稱改為Rating
編譯運(yùn)行程序，如果沒有錯(cuò)誤，界面大概是下面的樣子
?? Rating下面的控件不見了！別擔(dān)心，它就在那里，只是我們還沒有對(duì)它進(jìn)行設(shè)置，接下來我們給控件來綁定到控制器的屬性。
記得import EDStarRating.h頭文件
當(dāng)用戶點(diǎn)擊table view的任意一行時(shí)，我們要獲取用戶選中的Bug數(shù)據(jù)，并展示詳情視圖信息，這里我們要處理三個(gè)環(huán)節(jié)：
第一，我們要知道table view 的哪一行被點(diǎn)選了。當(dāng)table view被選中某行的時(shí)候，它會(huì)告知它的delegate，通過tableViewSelectionDidChange方法告知被選中的行（row），我們需要在這個(gè)方法處理。
第二，我們要獲取選中行相關(guān)的數(shù)據(jù)
第三，根據(jù)數(shù)據(jù)，顯示詳情視圖信息
2.5 MasterViewController.m中的代碼實(shí)現(xiàn)
在Mac OSX10.10 之前，初始化view的代碼需要寫在控制器的loadView方法中，現(xiàn)在編譯運(yùn)行，隨意點(diǎn)選table view 中的某一行，我們就可以看到實(shí)際效果了
由于image view 默認(rèn)沒有縮放圖片，導(dǎo)致圖片看起來比較小，我們可以在xib中選中image view 設(shè)置它的“Scaling”屬性，達(dá)到想要的效果
再次運(yùn)行，查看效果
現(xiàn)在你可以點(diǎn)擊某一行，右邊將會(huì)顯示出對(duì)應(yīng)的界面效果，你也可以更改名稱里的文字和評(píng)分，但它們都不會(huì)有什么效果，下面我們來實(shí)現(xiàn)添加和刪除的功能
首先我們要添加兩個(gè)按鈕（Gradient Button），一個(gè)增加新行，設(shè)置image為 NSAddTemplate，另一個(gè)刪除選中行,設(shè)置image 為NSRemoveTemplate ，效果如下：
2.6 在MasterViewController.m中分別為兩個(gè)按鈕添加操作方法（為按鈕添加方法的步驟與iOS相同，選中按鈕控件，按住control鍵拖拽到對(duì)應(yīng)文件類中）addBug 和deleteBug，代碼如下：
點(diǎn)擊運(yùn)行，如果沒有錯(cuò)誤的話，我們就可以通過+按鈕來添加一個(gè)新行，-按鈕來刪除選中的行。現(xiàn)在我們已經(jīng)實(shí)現(xiàn)在table view 中添加或者刪除數(shù)據(jù)來，那么接下來，我們來實(shí)現(xiàn)編輯現(xiàn)有的數(shù)據(jù)功能，同樣，我們要為NSTextField添加事件監(jiān)聽方法（與iOS的UITextField一樣）
再次運(yùn)行程序，沒有錯(cuò)誤的話，我們可以在右側(cè)詳情視圖的text field中修改左側(cè)table view 選中行的名稱了。接下來我們實(shí)現(xiàn)修改評(píng)分功能，這個(gè)非常容易，只要實(shí)現(xiàn)EDStarRating控件的一個(gè)代理方法就夠啦。看下圖：
運(yùn)行程序，現(xiàn)在我們可以進(jìn)行評(píng)分修改功能了，在右側(cè)詳情視圖的操作都會(huì)保存到數(shù)據(jù)模型中，并且會(huì)影響到左側(cè)table view 數(shù)據(jù)展示。
好了，現(xiàn)在我們只剩下最后一件事情了：允許用戶更換圖片！ 那么我們先在image view下添加一個(gè)按鈕來讓用戶點(diǎn)擊，當(dāng)用戶點(diǎn)選按鈕時(shí)，我們要給用戶提供一個(gè)圖片選擇的窗口。
2.7 為新添加的按鈕增加事件處理：（與之前的+按鈕操作相同）代碼如下：
在按鈕響應(yīng)的方法里，我們使用了一個(gè)新的控件類：IKPictureTaker，這個(gè)控件可以讓你從電腦中選取圖片或者從攝像頭拍照，當(dāng)用完成圖片選擇時(shí)，IKPictuerTaker會(huì)調(diào)用代理回調(diào)方法通知控制器，關(guān)于IKPictureTaker更詳細(xì)的使用方法，有興趣的可以到這個(gè)鏈接學(xué)習(xí)IKPictureTaker
為了能夠讓IKPictureTaker正常使用，需要導(dǎo)入#import <Quartz/Quartz.h> 并且要手動(dòng)添加Quartz.framework到工程項(xiàng)目中
經(jīng)過上面的設(shè)置，現(xiàn)在運(yùn)行程序，如果沒有出錯(cuò)，你就可以得到一個(gè)可以進(jìn)行圖片替換啦
關(guān)于本篇的代碼，可以從github上下載demo code
到這里大家已經(jīng)算初步入門了，這僅僅是個(gè)開始，后面還有一篇關(guān)于應(yīng)用的細(xì)化小知識(shí)，抽空翻譯整理后再補(bǔ)上...?
