AppleWatch開發教程之Watch應用對象新增內容介紹以及編寫運行代碼

標籤：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人！

AppleWatch開發教程之Watch應用對象新增內容介紹以及編寫運行代碼