将照片、视频、实况照片等作为AppleWatch表盘,可能是个性化表盘最简单的实现方式了。如果你刚好有一点设计基础,那么完全可以让你的表盘变得与众不同。
AppleWatchSeries4独占的Infogragh表盘最多可容纳八个复杂功能,其中字母图案就可以允许你输入一些字符显示。如果你想让AppleWatch显示或者其他有趣的字符,都可以用支持显示字母图案的Infogragh表盘或者「彩色」表盘。按照以下步骤即可。
今年除了AppleWatchSeries4新增了独占表盘外,爱马仕款也有了新款定制表盘,非常吸引眼球。爱马仕的表盘采用双色撞色设计,而且背景色会根据分针的走动而实时移动。就像macOSMojave动态壁纸一样,这款表盘也是动态的,效果非常动人。
如果我们直接编译Steve的工程,Xcode会至少报告八个错误,原因就是该工程使用了Steve的developercredentials,我们要将它改为我们自己的。
点击左侧搜索按钮,在搜索框中输入team,并将DevelopmentTeam一栏修改为我们自己的。随后搜索highcaffein,并替换为自己的代码,可以随意填写,比如我修改为ElijahLee。
现在我们可以开始编译过程,在Xcode左上角,我们先选择「DesktopShim」-「MyMac」。
然后点击左侧的运行按钮,过一会,Mac上会出现DesktopShim.app并显示出撞色表盘了。
接下来,我们可以尝试在Mac上仿真出一台iPhoneXS和AppleWatchSeries4来验证这个表盘。我们选择「SpriteKitWatchFaceWatchKitApp」-「iPhoneXSMax+AppleWatchSeries4」。
然后点击左侧的播放按钮,顺利的话,Mac上会仿真出一台iPhoneXS和AppleWatch,你可以通过鼠标滑动和点击来操作它们。在这台iPhone主屏幕的最后一页,会出现名为Duotone的App,打开可以看到一个全屏幕的撞色表盘。而在AppleWatch上,要过个五六分钟后,才会显示这个Duotone,打开它也会显示全屏幕的撞色表盘。(注意:我编译的结果出现了表盘UI偏移错位的情况,但在AppleWatch上显示正常。)
以上步骤都顺利之后,我们就可以将iPhone连接至Mac,选择「SpriteKitWatchFace」-「你的iPhone」进行编译(未付费的开发者账号每7天内只能在真机上运行10次),成功后你的iPhone和AppleWatch上都会出现DuotoneApp。打开就可以显示表盘,我们还可以在AppleWatch上旋转数码表冠,修改撞色表盘的配色,非常方便。
这时你应该能明白这款撞色表盘的原理,它实际上是一款watchOSApp,打开后显示一个全屏幕的表盘页面,只要这个应用保持前台常驻,就可以替代原生的表盘。因此我们可以打开Watch应用中的「通用」-「唤醒屏幕」-「唤醒屏幕时显示最后使用的应用」-「始终」来确保每次抬腕唤醒AppleWatch时,Duotone都会显示。
Steve还设置了许多表盘样式参数,来为方便我们修改,例如表盘形状、指针样式等等,这在工程的FaceScene.m中可以修改。比如你可以将其中的
self.useBackgroundImageOverlay=NO;
self.faceStyle=FaceStyleRound;
self.numeralStyle=NumeralStyleAll;
self.tickmarkStyle=TickmarkStyleAll;
self.majorTickmarkShape=TickmarkShapeRectangular;
self.minorTickmarkShape=TickmarkShapeRectangular;
self.majorTickHeight=6;
self.majorTickWidth=2;
self.colorRegionStyle=ColorRegionStyleDynamicDuo;
self.dateStyle=DateStyleDayDate;
self.dateQuadrant=DateQuadrantRight;
修改为
self.useBackgroundImageOverlay=YES;
self.faceStyle=FaceStyleRectangular;
self.numeralStyle=NumeralStyleNone;
self.tickmarkStyle=TickmarkStyleNone;
self.dateQuadrant=DateQuadrantTop;
编译后你就会发现,表盘变成了方形,数字变成白色描边而且日期移动到了中间位置。
不管怎样,Setve等开发者给我们提供了一种相对便捷的方式来自定义表盘,你完全可以尝试这些与众不同的设计。