IOS 学习笔记 页面跳转

 

目录

1 导航模式的种类

1.1 平铺式导航

1.2 标签式导航

1.3 树形结构式导航

2 视图控制器的种类

2.1 使用UIViewController实现页面跳转

2.1.1 故事板布局

2.1.2 调出Navigation Controller

2.1.3 给导航栏添加一个标题

2.1.4 给NavigationBar添加跳转按钮

2.1.5 添加第二个页面

2.1.6 将“下一页”按钮和和第二页关联起来，点击后能够跳转

2.1.7 Main.storyboard上的页面和具体类绑定

2.1.8 具体代码

2.1.9 测试效果图

3.1 xib布局实现页面见跳转

3.1.1 xib布局页面

3.1.2 xib 中IBOutlet生成引用变量后运行报错原因检查

3.1.3  添加第二个页面

3.1.4 xib布局页面跳转运行效果

---

上一章笔记中记录了NavigationBar的简单使用，并没有真正的使用它做页面之间的跳转，这里说说的页面跳转不是类似Android的Fragment之间的跳转，而是类似于Android中的从Activity跳转到另一个Activity，这一章将记录学习页面件跳转的内容。

Cocoa Touch遵循了MVC的模式，这里学习的页面间的跳转也就是官方所说的导航，从一个View Controller到另一个View Controller。

视图控制器又很多种类，其中不仅能够显示视图，也就是用户界面，也起到导航的作用。

 

1 导航模式的种类

1.1 平铺式导航

平铺式导航有分屏和分页，在内容上是没有层级关系的，展示的内容都放在一个屏幕中，可以左右或者上下滑动，如：

 

1.2 标签式导航

将应用按照功能划分为多个功能模块，彼此之间独立，通过tab来切换各个功能模块，如下图：

 

1.3 树形结构式导航

属性结构的导航模式类似树形结构，分为枝叶，那些树叶属于那个枝干，是有层级俄关系的，典型的树形结构导航就是邮箱，如下图：

 

2 视图控制器的种类

视图控制器	视图控制器的在导航上的作用
UIViewController	可用于自定义视图控制器的导航，用于界面间的跳转，比如用一个UIViewController控制另外2个UIViewController工作。
UINavigationController	导航控制器，可以与UITableViewController结合使用，
UITabBarController	标签栏控制器，可用于构建标签式导航模式
UIPageViewController	电子书风格的导航控制器，主要用电子书和电子杂志类的应用开发，是IOS最近才推出的。
UISplitViewController	主要用于ipad应用开发，分割屏幕风格的视图控制器
UIPopoverController	主要用于ipad应用开发，气泡风格的控制器

 

 

 

 

 

 

 

 

 

 

 

 

2.1 使用UIViewController实现页面跳转

2.1.1 故事板布局

首先在故事板的View Controller的顶部添加一个NavigationBar，中间添加一个Label，如下图：

2.1.2 调出Navigation Controller

故事板中选中 View Controller > 标题栏 Editor > Embed In > Navigation Contoller，调出Navigation Controller，如下图

2.1.3 给导航栏添加一个标题

 

2.1.4 给NavigationBar添加跳转按钮

然后给NavigationBar 右边加一个跳转按钮 文案“下一页”