效果展示：
新建工程和對應文件
首先建立iOS工程熄求，工程名隨意，選擇Single View Application即可逗概。
新建三個swift文件：
- 用于顯示主頁面的
mainViewController.swift抡四，繼承UIViewController。 - 用于顯示左菜單的
leftTableViewController.swift仗谆，繼承UITableViewController。 - 用于顯示右菜單的
rightTableViewController.swift淑履，繼承UITableViewController隶垮。
那么現(xiàn)在我們左邊的文件列表中有4個ViewController了：
ViewController.swift，mainViewController.swift秘噪，leftTableViewController.swift狸吞，rightTableViewController.swift。
第一步完成~
打造抽屜效果
首先在ViewController類中建立其他三個要顯示VC的對象：
var mainViewController:UINavigationController?
var leftViewController:LeftTableViewController?
var rightViewController:RightTableViewController?
在viewDidload方法中加入：
//視圖加載
self.leftViewController = LeftTableViewController()
self.view.addSubview((leftViewController?.view)!)
self.rightViewController = RightTableViewController()
self.view.addSubview((rightViewController?.view)!)
self.mainViewController = UINavigationController(rootViewController: MainViewController())
self.view.addSubview((mainViewController?.view)!)
為了方便和顯示指煎，mainViewController我選擇繼承于NavigationController蹋偏。
至于為什么要先將左右VC加載到根視圖后加載mainVC，后面我會說道至壤。
然后在剛剛加入的代碼下繼續(xù)加入：
//隱藏左右視圖
self.leftViewController?.view.hidden = true
self.rightViewController?.view.hidden = true
首先隱藏左右的視圖威始。因為主視圖始終顯示在最上面，而左右的菜單顯示在下面像街，難免出現(xiàn)疊加遮擋額度結(jié)果黎棠。為了不使兩個菜單視圖互相遮擋，我們選擇顯示哪個菜單的時候?qū)⒛膫€視圖顯示出來的方法镰绎。
為方便顯示脓斩，給三個視圖分別添加一個背景色。
這里我設置的：
mainViewController的viewDIdLoad中：
self.view.backgroundColor = UIColor.whiteColor()
leftViewController的viewDIdLoad中：
self.view.backgroundColor = UIColor.redColor()
rightViewController的viewDIdLoad中：
self.view.backgroundColor = UIColor.blackColor()
然后我們回到ViewController類畴栖。
在剛剛//隱藏左右視圖的代碼下添加一個手勢：
//添加滑動手勢
let pan = UIPanGestureRecognizer(target: self, action: #selector(ViewController.panAction(_:)))
self.mainViewController?.view.addGestureRecognizer(pan)
并在ViewController類中新建一個panAction方法：
func panAction(sender: UIPanGestureRecognizer){}
下面我們讓屏幕獲得手指的位置：
//獲取手指位置
let point = sender.translationInView(sender.view)
這里我們的sender.view其實就是我們的MainView随静。
然后判斷是左滑還是右滑。正常情況下吗讶，sender.view?.frame.origin.x=0燎猛。
如果sender.view?.frame.origin.x <= 0恋捆，那么我們就是向左滑，反之向右：
if sender.view?.frame.origin.x <= 0{
//向左滑
}else{
//向右滑
}
為了顯示效果比較好扛门，我們在ViewController類中增加一個變量：
var speed_f:CGFloat?//滑動速率
并且在viewDidLoad方法中給它賦值：
self.speed_f = 0.5//滑動速率
向左滑的時候鸠信，顯示右邊的菜單，左邊的菜單不顯示论寨，并且mainView向左移動星立；向右滑的時候，顯示左邊的菜單葬凳，右邊的菜單不顯示绰垂，兵器mainView向右移動。
在//向左滑下面添加：
sender.view?.center = CGPointMake((sender.view?.center.x)! + point.x * speed_f!, (sender.view?.center.y)!)//計算新的view的center位置
sender.setTranslation(CGPointMake(0, 0), inView: self.view)//矯正手指位置
self.leftViewController?.view.hidden = true
self.rightViewController?.view.hidden = false
在//向右滑下面添加：
sender.view?.center = CGPointMake((sender.view?.center.x)! + point.x * speed_f!, (sender.view?.center.y)!)
sender.setTranslation(CGPointMake(0, 0), inView: self.view)//矯正手指位置
self.leftViewController?.view.hidden = false
self.rightViewController?.view.hidden = true
運行一下試試吧火焰。兩個抽屜都已經(jīng)構(gòu)建好了劲装。
試試滑動一下，發(fā)現(xiàn)一個問題：這抽屜沒有極限的昌简，可以無限滑動占业。
下面我們來解決這個問題。
抽屜的滑動極限和回彈效果
我們的抽屜肯定是不能一直滑的纯赎，那么我們就需要給抽屜一個界限谦疾。
首先在ViewController類中增加一個常量來表示界限值：
let mainVC_offset:CGFloat = 120//屏幕偏移極限
- 我這里設定的偏移是120。大家也可以自己更改一下這個數(shù)值看一下有什么效果~
然后我們在滑動方法中犬金，判斷一下手指離開屏幕的時候幾個View的操作念恍。
當sender.state == .Ended，即手指離開屏幕的時候晚顷，我們判斷離開的這個位置相對屏幕中的偏移量峰伙，如果偏移小就返回原來的位置，大于一定的界限就移動到下一個位置该默。
當然瞳氓，我們需要在ViewController類里增加一個變量：
var condition_f:CGFloat?//三視圖顯示條件
用于顯示這個條件。并且在viewDidLoad方法中給它賦值：
condition_f = 0//三視圖顯示條件
從屏幕中間線到我們設定的滑動極限位置权均，這個寬度就是MainView的移動距離顿膨。當?shù)陀谶@個距離的一半的時候我們認為滑動量少，返回原位置叽赊；大于這個值我們就認為滑動量大恋沃，可以移動到下一個位置。
在滑動方法
panAction繼續(xù)加入如下代碼：
//手指離開屏幕
if sender.state == .Ended{
if self.condition_f > UIScreen.mainScreen().bounds.size.width * 0.5 * speed_f!{//右滑超過界限
self.showLeftView()
}else if self.condition_f < UIScreen.mainScreen().bounds.size.width * -0.5 * speed_f!{//左滑超過界限
self.showRightView()
}else{
self.showMainView()
}
}
并且在ViewController類中增加這三個對應的方法：
//顯示主View
func showMainView(){}
//顯示左邊菜單
func showLeftView(){}
//顯示右邊菜單
func showRightView(){}
在這三個方法里我們無非要做計算屏幕的偏移量必指，并且加上對應的動畫效果使顯示更加完善囊咏。
完善這三個方法：
func showMainView(){
//動畫顯示
UIView.beginAnimations(nil, context: nil)
//屏幕偏移計算
self.mainViewController?.view.center = CGPointMake(UIScreen.mainScreen().bounds.size.width / 2, UIScreen.mainScreen().bounds.size.height / 2)
//提交動畫
UIView.commitAnimations()
}
func showLeftView(){
UIView.beginAnimations(nil, context: nil)
self.mainViewController?.view.center = CGPointMake(UIScreen.mainScreen().bounds.size.width * 1.5 - mainVC_offset, UIScreen.mainScreen().bounds.size.height / 2)
UIView.commitAnimations()
}
func showRightView(){
UIView.beginAnimations(nil, context: nil)
self.mainViewController?.view.center = CGPointMake(mainVC_offset - UIScreen.mainScreen().bounds.size.width / 2, UIScreen.mainScreen().bounds.size.height / 2)
UIView.commitAnimations()
}
