码迷,mamicode.com
首页 > 移动开发 > 详细

Apple Watch开发(二)--Xcode创建项目及其结构

时间:2015-04-27 09:51:05      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:ios   apple watch   apple watch app   watch开发   watch项目   


      在上一篇文章中介绍了Apple Watch的特点和app运行模式,那么这篇我们来看下如何利用Xcode创建一个Apple Watch的project。

一、 运行环境

      首先我们来用这个Xcode创建Watch app的时候肯定要注意开发环境,Watchkit是在Xcode6.2beta版本加入的,所以我们需要:

     1、     电脑系统在Mac OS10.9.4以上;

     2、     Xcode在6.2beta版本以上,当然现在Xcode已经到6.3.1了,用最新版就可以了;

 

二、 创建项目

       具备开发环境了,那么我就开始使用Xcode创建一个支持Apple Watch的项目。

      1、     我们首先创建一个单视图的iOS的project;

技术分享

      2、     填写项目名称,剩下的自己随便写,设备这里要选“iPhone”,因为现在Apple Watch还只支持iPhone设备,编程语言我这里选的大家比较熟悉的Objective-C语言,选好之后“Next”,选择保存位置“Create”;

技术分享

      3、     现在我创建了一个普通的单视图project,和我们之前用到的项目一样,那么怎么让它支持Apple Watch呢?

技术分享

      4、     添加Apple Watch的Target,这里有两种方式,从Xcode菜单里File-new-Target,或者直接在项目设置的地方选择“Add Target…”,在弹框中选择Apple Watch,继续:

技术分享

或者

技术分享

之后我们选择

技术分享


     5、     在新出的弹框中我们发现项目名和identifier都是不可编辑的,这也证实了我们上篇所说的Apple Watch app与iPhone app的绑定、联动关系,下面的两个打钩的选项是可选项,即我们上篇所说的两种可选的交互方式或界面类型,这里我们可以都选上看下效果,“Finish”:

技术分享

     6、     此时会有个弹框,直接点击确定激活就可以了,这里是改变Scheme模式,待会还会介绍怎么改变这个Scheme;

技术分享

     7、     添加完成之后,我们发现左侧文件部分比之前多了两个文件夹,一个WatchDemo WatchKit Extension即我们上篇所说的运行在iPhone端的代码逻辑部分,WatchDemo WatchKit App即我们上篇所说的运行在Watch端的UI部分;我们会发现UI部分自动生成了Interface.storyboard,Watch app端的UI现在只能用这种storyboard的方式进行布局:

技术分享

     8、     现在估计迫不及待的想运行一下看看效果了吧,但是你现在运行的话会发现没看到Apple Watch的模拟器,怎么回事呢?此时我们要显示出Apple Watch的模拟器,首先要选中iPhone模拟器,然后去菜单设置:

技术分享

     9、     显示出Watch模拟器之后,重新运行一下项目,千呼万唤始出来,Watch终于出现了,只不过只有一个状态栏,还没有添加任何组件而已;至此一个Apple Watch的项目创建完了,简单吧!赶快继续探索吧!

技术分享

    10、 刚才添加Target时说Scheme可编辑,那么也是很简单的,在运行目标的选项中点击Edit Scheme就可以进入设计界面:

技术分享

    11、 这里的Watch Interface就是选择的优先加载的界面,即自动创建的几种storyboard;修改完后重新运行一下就会看到优先加载的界面;

技术分享

     12、刚才是针对Xcode6.2Beta版本,如果你是最新的Xcode6.3及以上的话,可以直接在选择运行目标时修改优先加载界面:

技术分享



       那么到此就是一个简单Apple Watch开发的项目了,那么这里面的文件有什么用呢?WatchKit到底有什么神马东西呢?在下篇接着讲。

(转载请注明:http://blog.csdn.net/yujianxiang666)

Apple Watch开发(二)--Xcode创建项目及其结构

标签:ios   apple watch   apple watch app   watch开发   watch项目   

原文地址:http://blog.csdn.net/yujianxiang666/article/details/45293987

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!