AppleWatch開發教程之Watch應用物件新增內容介紹以及編寫執行程式碼

AppleWatch開發教程之Watch應用物件新增內容介紹以及編寫執行程式碼

新增Watch應用物件時新增內容介紹

Watch應用物件新增到建立的專案中後，會包含兩個部分：Watch App 和 WatchKit Extension，如圖2.18所示。其中，Watch App部分位於使用者的iWatch上，它目前為止只允許包含Storyboard檔案和Resources檔案。在我們的專案裡，這一部分不包括任何程式碼。WatchKit Extension部分位於使用者的iPhone安裝的對應App上，這裡包括我們需要實現的程式碼邏輯和其他資原始檔。

圖2.18  新增部分

這兩個部分之間就是透過WatchKit進行連線通訊，使用者點選Watch App後，與Watch匹配的iPhone會啟動WatchKit extension，然後和Watch建立連線，產生通訊，如圖2.19所示。

圖2.19  通訊

Apple Watch程式的執行

將Watch應用物件新增到建立的專案中後，就可以執行iWatch程式了。執行程式其實很簡單，開發者只需要單擊執行按鈕就可以實現執行了，如圖2.20所示。在執行程式前首先對程式進行編譯，如果程式正確，會出現一個Build Succeeded字串，如圖2.21所示。如果程式出現錯誤，那麼就會出現一個Build Failed字串，如圖2.22所示。

圖2.20  執行按鈕

圖2.21  編輯成功                         圖2.22  編譯失敗

在程式編譯後，會自動對程式進行連線、執行，執行效果如圖2.23和2.24所示。

圖2.23  執行效果                        圖2.24  執行效果

注意：圖2.23為iWatch模擬器即Apple Watch模擬器，用來對iWatch應用程式進行顯現的。由於沒有對程式進行編寫，也沒有對編輯介面進行設定，所以這時是不會產生任何效果的。圖2.24為iOS模擬器，它與iWatch模擬器進行了關聯。通常在執行iWatch應用程式時，它都是會出現的。

如果iWatch模擬器不出現，這裡提供了兩種解決方法：

1.設定執行目標

將執行目標（Set the active scheme）設定為Hello WatchKit App，如圖2.25所示。

圖2.25  設定執行目標

2.設定硬體

選擇iOS模擬器，在出現的選單中選擇Hardware|External Displays|Apple Watch-38mm或者是42mm命令，如圖2.26所示。

圖2.26  設定硬體

Apple Watch程式設計的編輯介面

在2.4.4小節中提到過編輯介面（Interface builder）。編輯介面是用來設計使用者介面的，單擊開啟Interface.storyboard檔案就開啟了編輯介面。在Xcode 6.2中，編輯介面直接使用的是故事板。本節將對編輯介面進行介紹

1.介面介紹

單擊Interface.storyboard開啟編輯介面後，可以看到編輯介面會有4部分組成，如圖2.27所示。

圖2.27  介面的組成

其中，這四部分的說明如下：

q  編號為1的部分為導航視窗。

q  編號為2的部分為畫布：用於設計使用者介面的地方，在畫布中用箭頭指向的區域就是介面，在畫布中可以有多個介面。

q  編號為3的部分為元件視窗的檢查器：用於編輯當前選擇的物件的屬性。

q  編號為4的部分為元件視窗的庫：如果選擇的是Objects，裡邊存放了很多的物件。在畫布的的介面上方有一個小的dock，它是一個檔案管理器的縮寫版。

注意：dock展示介面中第一級的控制元件，每個場景至少有一個Interface Controller

2.設計介面

在2.4.4小節節中提到了由於沒有對編輯介面進行設計，所以導致在執行的效果中沒有任何內容。本小節將會在iWatch模擬器上顯示一個標籤。具體的操作步驟如下：

（1）開啟Hello專案中的Interface.storyboard檔案。

（2）從物件庫中找到Label即標籤物件，將其拖動到介面中，如圖2.28所示。

圖2.28  新增標籤

此時執行程式，會看到如圖2.29所示的效果。

圖2.29  執行效果

在設計介面時需要注意兩點：

（1）設計介面尺寸

在圖2.26中我們不難看出iWatch模擬器有兩種尺寸一個是38mm一個是42mm，對應的編輯介面中的介面也可以將尺寸設定為38mm或者42mm，設定介面尺寸的具體操作步驟如下：

首先，開啟Interface.storyboard檔案，如圖2.30所示。

圖2.30  設定尺寸1

然後，選擇Any Screen Size選項，此時會出現一個對話方塊，如圖2.31所示。

圖2.31  設定尺寸2

最後選擇此對話方塊中的任意尺寸就實現了介面尺寸的設定。

（2）設定物件的風格

開發者可以在開啟的Show the Attributes inspector即屬性檢視器皮膚中對標籤的顏色，字型等進行設定。

Apple Watch的編寫程式碼

程式碼就是用來實現某一特定的功能而用計算機語言編寫的命令序列的集合。現在就來實現透過程式碼在標籤物件中顯示“Hello,World”字串，操作步驟如下：

（1）使用設定編輯器的三個檢視方式的圖示，如圖2.32所示，將Xcode的介面調整為如圖2.33所示的效果。

圖2.32  編輯器的三個檢視方式的圖示

圖2.33  操作步驟1

（2）按住Ctrl鍵拖動介面中的標籤物件，這時會出現一個藍色的線條，將這個藍色的線條拖動到Hello WatchKit Extension資料夾下的InterfaceController.swift檔案中，如圖2.34所示。

圖2.34  操作步驟2

（3）鬆開滑鼠後，會彈出宣告和關聯插座變數一起進行的對話方塊，如圖2.35所示。

圖2.35  操作步驟3

（4）將Name設定為label，如圖2.36所示。

圖2.36  操作步驟4

注意：這裡的Name可以是任意的。

（5）單擊Connect按鈕，會在InterfaceController.swift件中看到如圖2.37所示的程式碼。

圖2.37  生成的程式碼

注意：生成的程式碼叫做插座變數，插座變數其實就是為關聯的物件起了一個別名，開發者就可以對此插座變數進行操作，從而對關聯的物件進行操作。

（6）開啟InterfaceController.swift檔案，編寫程式碼，此程式碼實現的功能是將標籤中顯示的內容變為Hello,World字串。程式碼如下：

• import WatchKit
• import Foundation
• class InterfaceController: WKInterfaceController {
•     @IBOutlet weak var label: WKInterfaceLabel!
•     override func awakeWithContext(context: AnyObject?) {
•         super.awakeWithContext(context)
•         // Configure interface objects here.
•         label.setText("Hello,World")
•     }
• ……                                        //這裡省略了手表控制器即將可見時呼叫的方法和不再可見時呼叫的方法
• }

此時執行程式，會看到如圖2.38所示的效果。

圖2.38  執行效果

本文選自：Apple Watch開發快速入門教程大學霸資料，轉載請註明出處，尊重技術尊重IT人！