首页 > 学院 > 开发设计 > 正文

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

2019-11-09 18:52:17
字体:
来源:转载
供稿:网友

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

打开iphone端Watch app 可以看到如下界面

Screen Shot 2017-01-24 at 下午2.50.47.pngScreen Shot 2017-01-24 at 下午2.51.16.pngScreen 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端UI3.watchDemo WatchKit Extension模块,这个模块主要是负责control watch端UI相关的WKInterfaceController-->可以理解和uiviewcontroller(但略有不同,稍后会解释)

1.2模块我们先跳过,先来研究下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这个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).


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表