作者：codingexplorer，原文鏈接，原文日期：2015-12-08
譯者：mmoaay；校對：千葉知風；定稿：numbbbbb
過去的幾個月我一直保持著寫博客的習慣，但是現在我得專心工作了。最近在做一些 watchOS 2 相關的更新工作，我覺得如果出個系列教程會對大家很有幫助。首先我們需要學會開發第一個 watchOS 2 應用，所以下面來開發一個 watchOS 2 風格的 “Hello World!”吧！
在教程開始前，我準備介紹如何使用 Swift 在 iOS、watchOS、tvOS 和 OS X 上編程。此外，如果你想在本博客中學到其他知識，請給 Twitter @CodingExplorer 或者 Contact Page 來提出建議。
創建你的 watchOS 2 應用
打開 Xcode，創建一個新項目。可以使用初始界面，也可以通過菜單（File → New → Project…）。然后，定位到 watchOS 部分并選擇 Application，現在界面看起來是這樣的：
因為只有 “iOS App with WatchKit App“ 這一個選項，所以選中并點擊 next。接著你需要給應用起個名字然后做幾個選擇來初始化項目。我們把應用命名為 “HelloWatch“。簡單起見，你可以把下方的 the Notification Scene、Glance Scene 等選項關閉。雖然它們很有用，但是在這個項目中我們只需要生成一個簡單的 “Hello World“ 應用。當然，你需要確保將 Language 選項設置為 “Swift“。
這個項目是不會生成 iOS 應用的。如果你想知道如何在 iOS 上寫一個 Hello World 應用，請閱讀 Hello World! Your first iOS App in Swift。
選擇好項目的保存位置，我們就可以開始編程了。選中導航面板中 “HelloWatch WatchKit App“ 分組中的 Interface.storyboard。
這個文件就是 watchOS 應用的界面文件。和 iOS “Hello World“ 應用類似，我們在應用中放置一個 label 和一個 button，點擊 button 會改變 label 的文本內容。
我們從 Object Library 拖一個 label 和 button 到 storyboard 上，然后把 label 放置在 button 的上方：
這時 label 看起來會比較擁擠，我們設置 width 為 “Relative to Container“ ，并將其值設置為 1，從而把 label 的寬度設置為屏幕的寬度。這個值代表了和屏幕寬高的百分比，所以 1 就是 100%，0.5 就是 50％，以此類推。我們在垂直方向上也給它更多的空間，把 Height 設置為“Relative to Container“ 然后將其值設置為 0.25 （即屏幕高度的 25%）。最后我們把 Text 設置為 “App Loaded…“，如果你喜歡還可以將其設置為居中顯示。
給 watchOS UI 添加一些 Swift 代碼
UI 已經 OK 了。現在我們把它和代碼連接起來，然后讓 button 去做一些事情。最簡單的方式就是打開輔助編輯器。點擊右上方的斜 venn 圖標即可：
如果需要更大的操作空間，可以點擊最右邊的按鈕（圖標是右側包含長條的方框）關閉工具面板。
然后，從 label 開始用 Ctrl＋拖動或者右擊拖動的方式拉一條線到代碼中（根據慣例，一般是在類的頂部）。然后就會彈出對話框讓你給 label 的 outlet 命名。我們把它叫做 “displayLabel“。按照慣例我仍然建議采用駱駝命名法來給它們（也包括所有的變量）命名，以小寫字母開始，接下來每個單詞的首字母大寫（因為我們不能在變量名中加空格，所以我們以這樣的方式來表明這是一個新的單詞）。
接下來，我們對 button 做同樣的操作。從 button 開始用 Ctrl + 拖動的方式拉一條線到代碼中（可以是類范圍內的任意位置，據我所知，除了放在 outlet 下方，沒有其它特殊的慣例）然后創建一個 action。一定要確保連接的方式是 “action“。如果你創建的是 outlet，它可以讓你改變 button 本身的狀態，比如它的文本，但這不是我們在這里想做的事情：
再次確認這是一個 “Action“。它會創建一個叫 “buttonTapped“ 的方法，我們在這個方法里面寫我們的代碼。改變 WKInterfaceLabel 文本的代碼非常簡單，如下：
@IBAction func buttonTapped() {
displayLabel.setText("Hello World!")
}
我們的方法中間只有 1 行代碼。我們調用了 WKInterfaceLabel 的 “setText“ 方法，然后把新的文本做為參數傳遞給它。在 iOS 中，我們通過一個叫“text“的屬性就可以輕松的改變 label 的顯示內容。但是在目前來說，watchOS 并沒有這樣一個屬性，我們甚至無法在程序中讀取文本內容，預計下一版本的 watchOS 會加入這個屬性，但是現在我們只能用 “setText“ 方法設置文本內容。
大功告成。如果你有 Apple Watch，可以把手機連接到 Mac，然后把這個應用安裝到手機上。你也可以使用模擬器。在左上角選擇 “HelloWatch WatchKit App“ 這個 target，然后選擇任意一個 iPhone 和 Watch 模擬器（或者選擇具體的 iPhone，如果你想在真機上測試），然后點擊 play 按鈕。你可能需要多點擊幾次 “play“ 按鈕（如果你的電腦沒有 SSD ，這可以減少加載模擬器的時間），最終你會見到下面的畫面：
點擊 button 之后就會看到：
完整起見，InterfaceController.swift 文件的所有代碼如下：
import WatchKit
import Foundation
class InterfaceController: WKInterfaceController {
@IBOutlet var displayLabel: WKInterfaceLabel!
override func awakeWithContext(context: AnyObject?) {
super.awakeWithContext(context)
// Configure interface objects here.
}
@IBAction func buttonTapped() {
displayLabel.setText("Hello World!")
}
override func willActivate() {
// This method is called when watch view controller is about to be visible to user
super.willActivate()
}
override func didDeactivate() {
// This method is called when watch view controller is no longer visible
super.didDeactivate()
}
}
上面的大部分代碼都是模版自動生成的。
總結
文章中的代碼都是在 Xcode 7.1.1 中進行測試的。
這就是 watchOS 2 中 “Hello World!“ 應用。你會發現這篇教程非常簡單，其實這是有意為之。接下來的教程會經常引用這篇教程，這樣就可以避免重復 watchOS 應用的設置步驟。這個系列接下來的文章會更有趣，包括使用 WatchConnectivity 在 iOS 和 watchOS 2 應用之間傳遞數據以及并發實現。敬請期待更多的 watchOS 和 Swift 教程！
希望這篇文章對你有用。如果你覺得有用，請不要猶豫，把它分享到你的 Twitter 或者你喜歡的社交媒體，每次分享對我來說都很有用。當然，如果你有任何問題，請馬上通過 Contact Page 或者 Twitter @CodingExplorer 聯系我，我會盡我所能幫助你。謝謝！
本文由 SwiftGG 翻譯組翻譯，已經獲得作者翻譯授權，最新文章請訪問 http://swift.gg。
