Apple Watch 学习之路-初见Watch 应用

    xiaoxiao2021-03-26  25

    apple 推出watchOS以来,已经到WatchOS3代了,那watch app能给我们带来什么? 1.提醒通知功能家居旅行必备良药啊 2.运动功能 3.心率功能 4.来电接听等功能 5.短信,微信快速回复,好吧这个功能我喜欢 6.丰富的表盘应用,想换就换。

    打开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个主要的tab,第一个tab是我们去绑定手表的UI,第二个tab是个性化表盘图库,第三个tab就是app store 第四个tab就可以search tab

    ---------------------------------华丽的分割线-------------------------------------

    那作为一位开发者怎么去一步一步的去做一个apple watch应用呢?注(WatchKit 开发需要iOS 8.2 SDK及以后版本。)

    第一步新建一个apple watch工程。如下图,

    Paste_Image.png

    第二步,创建一个名为WatchDemo的工程:

    Paste_Image.png

    我们选择了流行的swfit语言来构建这个demo,后续都会以swfit语言讲解 创建完之后我们来查看下我们的工程目录结构:

    Paste_Image.png

    从上图可以看到watch app 分3个模块。 1.手机端模块这块见图中WatchDemo,这本模块主要是写手机端app相关ui和相关逻辑的 2.watchDemo WatchKit App模块,这个就是主要负责watch 端UI显示的模块,其中Interface.storyboard就是负责watch端UI 3.watchDemo WatchKit Extension模块,这个模块主要是负责control watch端UI相关的WKInterfaceController-->可以理解和uiviewcontroller(但略有不同,稍后会解释)

    1.2模块我们先跳过,先来研究下WKInterfaceController

    import WatchKit import Foundation class 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这个app 点击左上角的target 按钮如下图:

    屏幕快照 2017-01-24 下午4.47.14.png

    运行效果如下:

    屏幕快照 2017-01-24 下午5.15.46.png

    WKInterfaceController 是什么东东? WKInterfaceController是继承NSObject而不是UIResponder,它不管理watch 应用界面,管理watch应用界面的是WatchKit

    WKInterfaceController也有生命周期具体的请看下一章节(Apple Watch WKInterfaceController).

    转载请注明原文地址: https://ju.6miu.com/read-664096.html

    最新回复(0)