AppleWatch入门基础知识

`AppleWatch有38mm和42mm俩种屏幕尺寸.
界面元素默认从上到下排列,不会重叠.分为水平布局和垂直布局俩种.
所有的元素必须添加到独有布局系统Group,会自动替你排列顺序.

扩展:所谓Group

Group在界面布局上,不仅可以起到分区屏幕的作用,其还可以设置一些属性来使布局更加漂亮。在storyBoard右侧的设置菜单中,我们可以对这些属性进行操作:

Layout:设置布局模式,分为水平布局和垂直布局两种
insert:可以设置内容区域偏移量,通过这个属性,我们可以使其中填充的控件四周留白
Spacing:其中填充的控件的间距
BackGround:设置Group的背景图案
Mode:设置背景图案的填充方式
Animate:出现时带动画
color:设置Group的背景颜色
Radius:设置Group的圆角度

布局中控件的位置和尺寸设置

在iphone中,我们使用frame或者约束来控制控件的位置和尺寸,在watch中则简单很多,尺寸和位置都是固定的模式,我们只需要做一些设置即可。

1、控件尺寸的控制

对于控件的尺寸,有三种模式,控件的width和Height都是通过这三个模式设置的:

Relative to Container:自身的尺寸是按照容器的尺寸比例设置的。例如设置为0.5的话,当前控件的尺寸就是容纳其Group的一半。

Size To Fit Content:自身的尺寸与自身内容相关,例如,label中字数的多少决定了label的尺寸。

Fixed:手动设置一个固定的值。

2、控件位置的控制

因为watch的界面十分简洁,对于控件的位置设置,是通过水平和垂直两个维度来设置的,通过设置每个维度的属性来控制其在容纳它的Group中的位置:

Horizontal:left(左),center(中心),right(右)

Vertical:top(上),center(中心),bottom(下)

所有的界面布局直接往里面拖即可.

创建工程,先正常创建一个iPhone的工程,然后File->New->Target,选择AppleWatch

也可以在已有的工程中,直接新建target

AppleWatch入门基础知识_第1张图片
屏幕快照 2015-12-23 下午5.08.41.png

然后,工程中会多俩个文件夹,如图


AppleWatch入门基础知识_第2张图片
屏幕快照 2015-12-23 下午5.09.36.png

其中,WatchKit App是用来存放资源文件的,例如图片,默认在watch上的存储空间为20M, appleWatch开发控件靠StoryBoard,放在Interface.storyboard里面.

WatchKit App Extension里面就是手机与手表之间的联系和代码存放的位置.是运行在手机上的.

当应用程序在 Apple Watch上启动时,iPhone上的WatchKit Extension将会在后台运行以更新UI和相应用户的交互.

github地址:https://github.com/WWLJ/MoodTracker/tree/master

你可能感兴趣的:(AppleWatch入门基础知识)