Apple Watch 學(xué)習(xí)之路-初見(jiàn)Watch 應(yīng)用

2019-11-09 18:52:14

字體：大中小

供稿：網(wǎng)友

apple 推出watchOS以來(lái)，已經(jīng)到WatchOS3代了，那watch app能給我們帶來(lái)什么？1.提醒通知功能家居旅行必備良藥啊2.運(yùn)動(dòng)功能3.心率功能4.來(lái)電接聽(tīng)等功能5.短信，微信快速回復(fù)，好吧這個(gè)功能我喜歡6.豐富的表盤(pán)應(yīng)用，想換就換。

打開(kāi)iphone端Watch app 可以看到如下界面

Screen Shot 2017-01-24 at 下午2.50.47.png

Screen Shot 2017-01-24 at 下午2.51.16.png

Screen Shot 2017-01-24 at 下午2.51.18.png

如上圖所看到的有4個(gè)主要的tab,第一個(gè)tab是我們?nèi)ソ壎ㄊ直淼腢I，第二個(gè)tab是個(gè)性化表盤(pán)圖庫(kù)，第三個(gè)tab就是app store 第四個(gè)tab就可以search tab

---------------------------------華麗的分割線-------------------------------------

那作為一位開(kāi)發(fā)者怎么去一步一步的去做一個(gè)apple watch應(yīng)用呢？注（WatchKit 開(kāi)發(fā)需要iOS 8.2 SDK及以后版本。）

第一步新建一個(gè)apple watch工程。如下圖，

Paste_Image.png

第二步，創(chuàng)建一個(gè)名為WatchDemo的工程：

Paste_Image.png

我們選擇了流行的swfit語(yǔ)言來(lái)構(gòu)建這個(gè)demo,后續(xù)都會(huì)以swfit語(yǔ)言講解創(chuàng)建完之后我們來(lái)查看下我們的工程目錄結(jié)構(gòu)：

Paste_Image.png

從上圖可以看到watch app 分3個(gè)模塊。1.手機(jī)端模塊這塊見(jiàn)圖中WatchDemo,這本模塊主要是寫(xiě)手機(jī)端app相關(guān)ui和相關(guān)邏輯的2.watchDemo WatchKit App模塊，這個(gè)就是主要負(fù)責(zé)watch 端UI顯示的模塊，其中Interface.storyboard就是負(fù)責(zé)watch端UI3.watchDemo WatchKit Extension模塊，這個(gè)模塊主要是負(fù)責(zé)control watch端UI相關(guān)的WKInterfaceController-->可以理解和uiviewcontroller(但略有不同，稍后會(huì)解釋)

1.2模塊我們先跳過(guò)，先來(lái)研究下WKInterfaceController

import WatchKitimport Foundationclass InterfaceController: WKInterfaceController { override func awake(withContext context: Any?) { super.awake(withContext: context) // Configure interface objects here. } 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() }}

那怎么run這個(gè)app 點(diǎn)擊左上角的target 按鈕如下圖：