《iOS中如何创建一个滑出式导航面板.docVIP

本文将介绍如何创建类似Facebook和Path iOS程序中的滑出式导航面板。 向右滑动 滑出式设计模式可以让开发者在程序中添加常用的导航功能，又不会浪费屏幕上宝贵的空间。用户可以在任意时间滑出导航面板，并且还可以看到当前屏幕上显示的内容。 ? 现在，互联网上有些库已经内置滑出式设计模式，比如John-Lluch开发的SWRevealViewController。如果你在寻找更加快捷和简单的方法，那么使用SWRevealViewController库可能是一个很不错的方法。 ? 不过，如果你是一名DIY类型的程序员(像我)，那么你可能希望自己理解这功能是如何实现的。在本文中，你会看到该功能的实现并不复杂。通过少即是多的方法，并忽略掉复杂大且非必须的代码，就可以轻松的在程序中集成滑出式导航面板技术。 ? 开始那么这里创建的滑出式导航面板的功能具体是什么呢？ ? iOS设计师和开发者Ken Yarmosh的解释比较恰当：“滑出式导航面板拥有一个面板，这个面板从主画面的左边或者右边滑出来，然后在面板中显示一个垂直的、独立的滚动视图（Scroll view），把该视图当作程序的主导航。” ? 注意: Ken在这里的文章中详细的解释了滑出式导航面板的设计模式，并介绍了该模式带来的好处：新的iOS设计模式:滑出式导航面板。 ? 首先下载本文的启动工程。这是一个ZIP文件，只需要将其保存到本地，并解压一下就可以得到工程。 ? 接着在Xcode中打开这个工程，并看看工程的组织结构： 工程被分为3个主要的文件夹： ?Assets: 包含所有的图片文件和其它非代码资源（例如attribution文件）。?Views: 包含本文涉及到的所有xib文件。?Classes: 包含Objective-C代码文件 ? 不要担心Assets中有许多文件，你不需要修改这些内容，所有要用到的资源文件都添加进来了。 ? 在Views文件夹中有4个主要的view controller。下面是相关简介： ?MainViewController: 这是主要的一个画面！这个文件需要添加到你自己的工程中（需要一些小的改动）。?CenterViewController: 这是正中间的面板。该view controller可以替换为你自己的view controller（记住按钮的action也实现了）?LeftPanelViewController: 左边的面板。该view controller可以替换为你自己的view controller。?RightPanelViewController: 右边的面板。该view controller可以替换为你自己的view controller 现在打开AppDelegate.m文件。虽然你不需要对这个文件做任何改变，但你应知道MainViewContorller是左，中和右view controller的容器。这个controller的初始化在19行代码中： 1.self.viewController = [[MainViewController alloc] initWithNibName:@MainViewController bundle:nil]; ? 熟悉了工程的结构， 就正在的开始——从正中间的面板开始。 ? 找到中心本小节中，我将在MainViewConroller中放置一个CenterViewController，将CenterViewController当做MainViewConroller的子view controller。 ? 注意：本小节会用到iOS 5中的新增的一个概念：View Controller Containment。如果还不熟悉，先看看iOS 5 by Tutorials中的第22章“UIViewController Containment”。 ? 打开MainViewController.m文件，并将下面的import语句添加到文件的顶部： 1.#import CenterViewController.h ? 接着，添加一个常量定义： 1.#define CENTER_TAG 1 ? 接着在@interface中添加下面的属性，以方便控制center view。 1.@property (nonatomic, strong) CenterViewController *centerViewController; ? 找到setupView并在里面添加如下代码块： 1.self.centerViewController = [[CenterViewController alloc] initWithNibName:@CenterViewController bundle