[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做为应用程序入口。

时间: 2024-10-01 06:22:38

[iOS] 使用xib作为应用程序入口 with IDE的相关文章

【REACT NATIVE 系列教程之七】统一ANDROID与IOS两个平台的程序入口&&区分平台的组件简介

本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/react-native/2260.html       本篇介绍两个细节:       1. 关于如何将index.android.js 与index.ios.js统一管理起来.       2.  Platform 组件的简单介绍与使用   一:将index.android.js 与index.ios.js统一管理起来. 由于React本身

[iOS] 使用xib做为应用程序入口 with Code

[iOS] 使用xib做为应用程序入口 with Code 前言 开发iOS APP的时候,使用storyboard能够快速并且直觉的建立用户界面.但在多人团队开发的情景中,因为storyboard是以单一档案的方式存在,很容易造成签出.签入时,档案被锁定.档案合并冲突等等问题的发生.这时开发人员可以选择使用xib做为用户接口的开发单位,将用户接口拆散为独立存在的xib档案,分散团队成员同时编辑同一文件的风险. 在Xcode中默认是以storyboard做为应用程序入口,变更为使用xib做为应用

Swift程序入口深度分析

1.swift为什么不需要main 在c/c++及其它语言中都有一个main函数,程序从main作为起点,开始执行程序,如下: int main(int argc, const char * argv[]) { printf("Hello, World!\n"); return 0; } main函数实际上是一个特殊的函数,为了能找到程序入口,大多楼语言都约定main()函数作为入口.那么为什么在Swift中没有这样的一个函数呢?先看一下官方的解释 Code written at gl

如何确定android中的程序入口?

1.如何确定android中的程序入口? 需要在AndroidMainifest.xml文件中添加这个Activity的配置信息,同时将DemoActivity配置中的intent-filter移动到LauncherActivity配置中. <activity android:name=".DemoActivity" android:label="@string/app_name" > </activity> <activity and

iOS中xib与storyboard原理,与Android界面布局的异同

用文本标记语言来进行布局,用的最多的应该是HTML语言.HTML可以理解为有一组特殊标记的XML语言. 一.iOS中xib与storyboard显示原理 在iOS中主要的布置界面的方式有3种:代码,xib,storyboard. 1. 代码 代码布置界面是万能的,但通常很复杂.布置一个简单的界面可能需要很多行代码,因此十分繁琐. 下面为创建一个按钮的代码,最少也要3行: UIButton *btn = [UIButton buttonWithType:UIButtonTypeContactAdd

【iOS】Xib的使用与File&#39;Owner总结

一.XIB的适用范围 xib(也叫Nib)与storyboard一样是用来描述界面的. storyboard描述的是比较大型的,大范围.适合描述界面跳转等. 二.XIB的使用 Xib是小范围的的,是轻量级的.比较适合描述小块的界面. 创建xib:新建界面里面user interface -->empty. 加载xib:[NSBundle mainBudle]loadNibNamed:XXX-.]来加载xib 三.关于loadNibNameed方法 [[NSBundle mainBundle] l

没有苹果电脑打包iOS平台的 Ionic 2程序——《Ionic 2 实例开发》更新内容

没有苹果电脑打包iOS平台的 Ionic 2程序--<Ionic 2 实例开发>更新内容春节刚过,祝各位新的一年里万事如意,一帆风顺.<Ionic 2 实例开发>在这段时间里更新了如下内容:Ionic 2 中使用管道处理数据Ionic 2 中使用HTTP与远程服务器交互数据Ionic 2 中的样式与主题没有苹果电脑打包iOS平台的 Ionic 2程序欢迎阅读.

开源GUI-Microwindows之程序入口分析

*************************************************************************************************************************** 作者:EasyWave                                                               时间:2014.10.05 类别:开源GUI系统-Microwindows之程序入口分析      声明

Egret解疑释惑之程序入口

关于本教程 本教程是连续的,记录作者在使用Egret的心得体会,并把它们罗列成文,帮助有需要的朋友. 该系列是Egret解疑释惑,收集.发布一些关于Egret的使用技巧,中间会有解答初学者的疑惑,还会讲解到一些例子,当然也会有一定高度的深入探讨. 另外,文章中所介绍的技巧.方法.解决方案,都不是唯一的,可能会有两种,甚至多种途径.因为本系列中,为了不增加读者需要更多的知识量来阅读,会讲得比较直白,通俗一点. 同时为了保证让初学者简单.明了,文章中也不会太过于涉及与文章主题以外的知识(除非作者觉得