让不懂编程的人爱上iPhone开发(2013秋iOS7版)-第4篇.pdf
上传人:sy****28 上传时间:2024-09-11 格式:PDF 页数:16 大小:1.8MB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

让不懂编程的人爱上iPhone开发(2013秋iOS7版)-第4篇.pdf

让不懂编程的人爱上iPhone开发(2013秋iOS7版)-第4篇.pdf

预览

免费试读已结束,剩余 6 页请下载文档后查看

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

让不懂编程的人爱上iPhone开发(2013秋iOS7版)-第4篇休息的怎样了?是否已经迫不及待的想要继续新的学习了呢?好吧,接下来我们就做点实际的事情。添加其它控件到目前为止,我们的界面上只有以背景和一个按钮,接下来还是添加一些其它界面控件吧。下面是我们所创建的界面的最终效果。如你所见,我在部分标签处放了一些占位用的数值(比如499)。之所以这样做,是为了方便查看标签实际使用时在界面上的显示效果。玩家的得分可能会非常高,因此最好预留足够的空间。另外你会看到,在每个界面元素上都有一个小框,但是默认好像没有啊?怎么来的呢?很简单,点击Xcode上面的菜单栏,选择Editor-->Canvas--->ShowBoundsRectangles。这样就可以看到每个界面元素的边界了。当然,这个只是为了方便开发者使用,实际调试或在设备上运行的时候是看不到外框的。好了,现在该你自己出手了。如果你是个设计人员,相信你会喜欢下面的操作。打开Main.storyboard,尝试从对象库(Xcode右侧面板下面)拖曳不同的控件放到视图上。也不用那么精确。实际上,要添加的三种界面元素是Label,Button和Slider,可以从Xcode界面右下的ObjectLibrary里找到这些元素.需要注意的是,类似”i”形状的界面元素其实也是一个Button,只是需要把它的类型设置为InfoLight。接下来让我们设置滑动条的数值。选中Slider,切换到AttributesInspector,把它的最小数值设为1,最大数值设为100,当前数值设为50.当你完成以上操作后,界面已经有了12个用户界面元素:1个滑动条,3个按钮,还有一堆标签。怎么样,很有成就感吧。点击Run运行应用,然后好好玩上一会儿。除了之前的按钮,其它控件现在还做不了具体的事情,不过起码你可以拖着滑动条来回玩。当然,如果此时你把模拟器更改为iPhoneRetina(3.5-inch),可能会发现右边的部分视觉元素看不到。这个功能使用AutoLayout功能很容易解决,不过在这里我们暂时不打算讨论这个话题。关于xib和nib如果这不是你读过的第一个iOS开发教程,也可能你听说过nib文件。从技术的角度讲,xib文件将会被编译成一个nib文件,然后放到应用束中。Nib这个术语主要是因为历史原因而存在。作为一个普通程序猿,你可以把xib和nib看成一回事。因为人们习惯称nib,所以可能后面我也会这么说。如果你对历史八卦感兴趣,这里可以简单提提,不感兴趣的话可以跳过这部分~首先nib的三个字母分别代表NeXT(帮主回到苹果前搞的操作系统,后来演化成如今的Mac和iOS),ib其实是InterFaceBuilder的简写。下面这图是1993年的乔帮主,风华正茂。我们都知道InterFaceBuilder提供了一系列的用户界面对象,比如上面用到的按钮,标签,滑动条之类的控件。开发者只需要把控件拖到视图中就可以完成界面的设计(产品经理和设计人员的大爱,我猜?),然后,用连线把各种action(动作),控件对象和代码中的方法(method),接口(outlet)连接起来,就完成了创建工作。和VisualStudio这样的可视化编程环境相比,Xcode的这种开发方式大大减少了MVC模式中控制器和视图的耦合。在代码中(.h和.m文件),IBAction标记接受动作的方法,而IBOutlet标记控件对象的接口。在编译的过程中,Xcode会把xib中所有的用户交互元素对象序列化为XML文件或NeXT风格的属性列表文件,从而编译成一个nib文件放到应用束里。在应用程序运行的时候,会把nib里面的对象调入内存,并和二进制代码联系起来。具体参考:http://zh.wikipedia.org/wiki/Interface_Builder好了,八卦结束,让我们继续前进。让滑动条变得可交互我们to-dolist上的下一个项目是:当玩家触碰按钮时读取滑动条上的数值。还记得我们怎么把一个动作添加到视图控制器上,从而让它可以知道玩家何时触碰按钮的吗?对于滑动条我们可以做同样的事情。每当玩家拖动滑动条时,就会执行这个动作。添加这个动作的操作步骤和之前几乎一模一样。首先在Xcode中点击Main.storyboard,点击Xcode右上的showassistanteditor。此时的Xcode界面会变成下面的样子:选中滑动条(HorizaontalSlider),按住control键,有鼠标拖出一条线到花花绿绿的代码区的@interFace和@end之间,