我的大菠萝 – 1，大框架的搭建

 

背景

    本人iOS开发超级新手，从来没有玩过。有一些C#的开发经验。这个博文连载，是自己学习6天的过程中写的一个小程序。本人酷爱暗黑3，男蛮子，巅峰等级70+。所以要写一个在iPAD上可以用的属性查看器。可以查看自己，及其他基友的装备、基本属性、技能、追随者等信息。

    先看一下玻璃渣官网的对于hero的一个截屏图片。

官方的样式

 

    开发环境是XCode 5.0.2。在写程序过程中，学习的过程中，发现最悲催的事情是，网上搜索到的很多东西都是iOS7之前的，如@property。最郁闷的当然是objective-c的语法，太变态了。

    学习的过程是边写程序，边到网络上搜索资料。前两天是按照developer center的那个Sample一步步做下来的。2天后，初步有了概念，这之后的4天，对我帮助最大的，应该是stackoverflow。

    此文主要是对自己学习过程中碰到问题的一个总结，不是一个step by step的详细介绍。

 

建立工程

 

模板就选择Single View好了。

 

Product Name就是项目的名字，后面随便写好了。

程序放在一个新目录下，叫做Diablo3Rank，即大菠萝排行榜。我现在Finder中建立这个文件夹。

然后再在xcode中设置为该工程的目标文件夹。

点击create之后，这是部署的信息。对于方向的适配，还没搞过。所以我只选择了水平右转。

界面布置

几个视图

 

下面这个图，左侧是Navigator，和VS里面的Solution Explorer类似；右侧是Inspector，和VS里面的Property Explorer类似。

 

添加控制器

点击左侧的story board，然后再点击右下方的工具箱（Object Library）

滚动到Tab Bar Controller，然后拖拽到上面打开的story board上，这时候界面是这个样子的。

 

菜单中，选择"Product-Run"，运行后，只是一个空界面。而从上图中可以看到，默认的UIViewController，和后面添加的Tab Bar Controller是没有线条联系的。

 

 

删除默认的UIViewController之后，我们的Tab Bar Controller会自动变为rootViewController

 

再次运行后，注意下面的两个Item

 

修改Tab Item的名字

下一步，要修改下面的Item1/Item2的名称，在storyboard里面，点击右下角的放大符号，然后选择ViwController – Item 1

 

双击灰色方块下面的Item 1，同时右面可以看到有一个Title的属性可以设置，默认也是Item 1

 

右侧输入"装备"后回车，变成

 

同样，修改第二个tab页的item 2,为"基本属性"

 

运行后，可以看到名字都修改过来了

 

 

增加Tab页

加入第三个tab项，从工具栏中选择View Controller

 

拖到story board中，如下图，现在还没有和tab controller关联上

 

按住Ctrl键，按住鼠标左键，从Tab Bar Controller向我们的新加入的view controller拖，当箭头到view controller之后，松开鼠标

 

 

选择提示栏中的最下面一项，"View Controllers"，此时变为：

 

运行后，如图

 

继续增加下一个view controller，同时修改名字为技能及追随者，最终如下图效果

 

运行后的效果

 

选择tab controller以及其他四个view controller，在Simulated Metrics属性分类下面，设置屏幕方向为横向（默认为Inferred）

 

如何调整tab item的顺序？

选择tab bar controller，鼠标单击你要移动的tab item，drag&drop到某个item左侧（右侧）即可。