[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做为应用程序入口。
期許自己~
能以更簡潔的文字與程式碼,傳達出程式設計背後的精神。
真正做到「以形寫神」的境界。