[iOS] 使用xib作为应用程序入口 with IDE

[iOS] 使用xib作为应用程序入口 with IDE

在「使用xib做为应用程序入口 with Code」这篇文章中,介绍了如何透过写Code的方式,来使用xib做为应用程序的入口。但其实在Xcode中,透过IDE所提供的工具,也可以达到相同的功能。本篇文章说明在iOS APP开发的过程中,如何透过IDE的操作,来使用xib做为应用程序的入口,为自己留个纪录也希望能帮助到有需要的开发人员。(透过IDE操作的方式,会比使用Code的方式复杂许多。但是在操作的过程中,可以理解xib档案的操作与概念,建议开发人员照着后续文章的步骤实作练习。)

技术分享

操作

1. 建立Single View Application

使用Xcode建立新项目,并且选择项目类型为Single View Application。

技术分享

技术分享

技术分享

2. 移除Storyboard

移除Storyboard以及相关档案。

技术分享

3. 建立ViewController class

建立做为入口的MainViewController class。(记得不要勾选Also create XIB file)

技术分享

技术分享

4. 建立ViewController.xib

建立ViewController的用户接口xib档案,这边要选择Window做为xib的样板。

技术分享

技术分享

技术分享

拖曳一个View到xib档案中,这个View是ViewController的用户接口。(拖曳的过程中,记得要避开画面上的编辑区域,才能正常的运作)

技术分享

技术分享

技术分享

拖曳一个ViewController到xib档案中,接着定义这个ViewController的类别为先前建立ViewController Class、并且移除这个ViewController预设的View内容。(拖曳的过程中,记得要避开画面上的编辑区域,才能正常的运作)

技术分享

技术分享

技术分享

技术分享

接着关联xib档案中的View与ViewController,将View注入到ViewController的view属性内,让ViewController能够操作用户接口。(拖曳左侧窗口view旁边的加号,到中间窗口的view对象上,即可建立关联)

技术分享

技术分享

最后关联xib档案中的ViewController与Window,将ViewController注入到Window的rootViewController属性内,让Window执行的时候,使用ViewController做为默认的用户界面。(拖曳左侧窗口rootViewController旁边的加号,到中间窗口的viewController对象上,即可建立关联)

技术分享

技术分享

5. 变更Main Interface

变更应用程序的入口设定参数Main Interface为先前步骤建立的MainViewController.xib。

技术分享

6. 执行结果

编译并执行范例项目,可以看到iOS APP中,已正确使用xib做为应用程序入口。

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。