第1章 开始启程——你的第一行watchOS app代码

1.1 Apple Watch概述

欢迎你来到Apple Watch世界!

根据权威互联网数据资讯网Strategy Analytics最新发布的2019年Q3研究报告,Apple Watch几乎占据了全球智能手表一半的市场份额,苹果毋庸置疑是智能手表的行业领导者。同时,Apple Watch在2019年的销量3070万已超过了整个瑞士手表行业的2110万。今天的Apple Watch世界可谓欣欣向荣,可是你知道它的过去是什么样的吗?我们一起来看一看它的发展史吧。

第1章 开始启程——你的第一行watchOS app代码_第1张图片

Apple Watch 是苹果公司于2014年9月10日公布的一款智能手表,有Apple Watch、Apple Watch Sport 和Apple Watch Edition 三种风格不同的系列。Apple Watch 采用人造蓝宝石水晶屏幕与Force Touch触摸技术,有多种颜色可供选择。首发地区包括中国大陆、中国香港、美国、日本、英国、法国、加拿大、澳大利亚。2015年9月10日,苹果推出了多个新版本的Apple Watch,包括新增配色、爱马仕版的皮制表带,以及多种颜色的表带。2016年9月13日秋季新品发布会上,苹果同时发布了Apple Watch Series 1 & 2。2017年9月13日,苹果召开了iPhone10周年发布会,发布了Apple Watch Series 3。2018年9月13日,苹果秋季新品发布会上发布Apple Watch Series 4等。2019苹果秋季新品发布会上,苹果推出Apple Watch Series 5。以下是各代Apple Watch的重要规格比较:

第1章 开始启程——你的第一行watchOS app代码_第2张图片

除了Apple watch硬件性能的提升,watchOS也是在不断完善,最新的watchOS 6已经有了质的飞跃:

构建面向 watchOS 的 app,让用户随时随地及时掌握信息并轻松完成快速操作。一切从未如此简单。充分利用全新 UI 框架 SwiftUI 和多种全新的 API,前者让您的工作方式从此大不相同,而后者则助您提供更强大的体验。您可以构建完全独立的 watchOS app,甚至是不带有 iOS 版的 watchOS app。现在,用户可以直接在 Apple Watch 上的 App Store 中查找并安装您的 app。

watchOS 6 要求使用安装 iOS 13 或更新系统的 iPhone 6s 或更新机型,并搭配初代以外的任意一款 Apple Watch(某些功能仅适用于部分设备)。在watchOS 6以前,watchOS app还必须依赖iOS app,Apple Watch更像是iPhone的一个延伸(如下图所示)。但现在,独立的App与独立的Store,使得Apple Watch能够成为一款具有完整生态的智能设备了。WatchKit也会开放越来越多的能力给开发者,这必将是Apple Watch持续领先业界甚至进一步爆发的一个重要节点。

第1章 开始启程——你的第一行watchOS app代码_第3张图片

说了这些,想必你已经体会到Apple Watch炙手可热的程度,并且迫不及待地想要加入到watchOS app开发者的行列当中了吧。试想一下,十个人中有五个人的智能手表都可以运行你编写的应用程序,还有什么能比这个更诱人的呢?那么从今天起,我就带你踏上学习watchOS app开发的旅途,一步步地引导你成为一名出色的watchOS app开发者。

1.2 搭建开发环境

俗话说得好,“工欲善其事,必先利其器”,开着记事本就想去开发watchOS app显然不是明智之举,选择一个好的IDE可以极大幅度地提高你的开发效率,因此本节我们要先把开发环境搭建起来。

首先你需要一台运行macOS Catalina(10.15+)的电脑,然后从系统自带的App Store搜索并下载苹果官方的IDE Xcode(11+),成功安装后就可以着手watchOS app的开发了,是不是很简单?

第1章 开始启程——你的第一行watchOS app代码_第4张图片

1.3 创建你的第一个watchOS项目

打开Xcode,会显示欢迎向导页面,选择"Create a new Xcode project",然后在项目模板页面选择watchOS -> Watch App,这是watchOS 6后新增的独立app项目,在此之前创建watchOS app必须搭配iOS App。

第1章 开始启程——你的第一行watchOS app代码_第5张图片

接着在项目信息页面填写项目名称 "Hello"和自己的组织名后,就会生成对应的Bundle Identifier(这是app的唯一标识符),语言和UI选项保留默认的Swift和SwiftUI就可以了,这是苹果官方推荐的开发语言和最新UI框架。为了简化我们的第一个项目,把"Include Notification Scene"前的勾选去掉,我们暂不演示通知和表盘(Complication)相关功能。最后点击"Next"按钮就能创建我们第一个项目了。

第1章 开始启程——你的第一行watchOS app代码_第6张图片

Xcode根据我们选择的模板已经为我们创建了项目必要的文件和内容:WatchKit App包含你应用的界面(storyboard)及界面所用的资源文件(assets),WatchKit Extension包含你应用的代码。同时Xcode还为你的应用创建了三个targets:其中第一个是根target,作为整个项目的包装器(wrapper),用于提交到App Store;另两个则分别代表你的WatchKit app与WatchKit Extension。

第1章 开始启程——你的第一行watchOS app代码_第7张图片

默认情况下,我们的Xcode开发界面会分为4个区域,从左往右依次为:文件导航栏(Navigator)、代码编辑区(Editor)、界面画布(Canvas)和属性设置区(Inspectors)。点击WatchKit Extension下的ContentView.swift,可以看到黑色的手表模拟器上已经能正常显示代码中的内容"Hello, World!"了(如果不能正常显示,请点击模拟器上方的"Resume"按钮强制刷新)。

第1章 开始启程——你的第一行watchOS app代码_第8张图片

接着,我们来试一下把"Hello, World!"改成我们自己的文字"Hello, Apple Watch!",画布的预览也马上更新了。但只显示白色的纯文字,这界面看起来会比较单调,我们再次把文字转化成苹果自带的Emoji表情符号看看。按control+command+space组合键就能调出Emoji表情符号选择框:

第1章 开始启程——你的第一行watchOS app代码_第9张图片

依次选择""、""、"⌚️"、"‼️"后,再刷新我们的预览界面,果然漂亮多了。但默认的字号有点偏小,我们点击模拟器上的表情符号,出现一个蓝色的编辑框选中状态,此时再把属性设置栏中的"Font"选择"Title"样式后刷新,完美!这才是我们想要的效果!

第1章 开始启程——你的第一行watchOS app代码_第10张图片

最后,我们点击Xcode左上角的三角形运行按钮,启动真正的模拟器跑起来看看。嗯,不错,跟预览的效果一模一样。

第1章 开始启程——你的第一行watchOS app代码_第11张图片

至此,通过修改一行代码并设置相关属性,我们已经成功构建并运行了我们的第一个项目了。怎么样,是不是成就感满满的?是不是迫不及待想开发更强大的watchOS app?

下一章,我们请展开讲解watchOS app的更多细节和SwiftUI的基础知识,敬请期待。

参考内容:

  1. https://developer.apple.com/cn/watchos/
  2. https://developer.apple.com/documentation/watchkit/creating_independent_watchos_apps

你可能感兴趣的:(watch,apple-watch)