我的大菠萝 – 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左侧(右侧)即可。

原文地址:https://www.cnblogs.com/charju/p/3482822.html