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人！