watchOS 2 第一章:Hello, Apple Watch!

这本书的笔记


Paste_Image.png

这是本书第一章,非常简单的。
打开开始项目。run:

Paste_Image.png

创建Watch Kit App:

Paste_Image.png
Paste_Image.png
Paste_Image.png

选择


Paste_Image.png

运行:

Paste_Image.png

看下项目的工程目录:
1.HelloAppleWatch WatchKit App目录下有个Interface.storyboard。它是用来设计我们的app的。
2.HelloAppleWatch WatchKit App Extension中有个InterfaceController,它类似于iOS中UIViewController


Paste_Image.png

创建Watch app类似于创建iOS app,在sb中创建好UI,然后把UI object链接到Controller
我们先放个label上去:

Paste_Image.png

把label的属性设置为下图,watch app的布局方式和iOS不同,不能随便拖动label的位置,通过设置Alginment设置它的位置:


Paste_Image.png

label的size根据它的内容变化:

Paste_Image.png

Setting label text in code

把label链接到Controller:

Paste_Image.png

用代码在willActivate设置label的内容:


Paste_Image.png
Paste_Image.png

Apple's color emoji font

接下来我们用emoji来把文字替换掉。
选择Hello,然后按control + command + 空格,选择你想要得表情,重复下面操作:

Paste_Image.png
Paste_Image.png
Paste_Image.png

Casting emoji fortunes

Sharing EmojiData.swift between iPhone and Watch apps

把想共用的文件:

Paste_Image.png

Creating a random emoji fortune

1.在InterfaceController中添加:

Paste_Image.png

2.在InterfaceController中willActivate()加入下面的代码:

Paste_Image.png

run:

Paste_Image.png

Tell me another one...

Replacing the label with a button

打开Interface.storyboard删除label,改成拖个button进去,把它的Alignment改成下面那样,还有button在Height,改成是watch屏幕的高度的0.9


Paste_Image.png

然后添加下面的代码:

Paste_Image.png

Dressing up your app

接下来为应用添加背景。先添加资源:
Devices那里注意选择Apple Watch


Paste_Image.png
Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一章:Hello,Apple Watch! Apple Watch:来自于库比蒂诺最酷的产品?我相信有很多的人都...
    刘铭iOS阅读 2,377评论 2 4
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 今天和儿子一起出门,走在路上的时候他是自己背书包和提饭盒袋的,我从不作任何协助,全程只是陪伴。 在家还没出门前换衣...
    知子花开阅读 282评论 1 1
  • Android中,许多的系统属性都在settings应用当中进行设置的,比如wifi、蓝牙状态,当前本机语言,屏幕...
    97690CE50CC872D阅读 13,408评论 0 3
  • 其实巅峰是一个悲剧性的词语,意味着至此以后,永远在下坡的路途上徘徊。 商达到了极盛,无论领土疆域,还是文化艺术,都...
    懒虫小狮子阅读 159评论 0 0