iOS QQ侧滑菜单(高仿)

//联系人:石虎QQ: 1224614774昵称:嗡嘛呢叭咪哄

UITabBarController做QQ侧滑菜单效果：

首先要了解UITabBarController的层级结构：

UITabBarController加载的其它UIViewController的View都是被添加在UITransitionView上（这是一个私有API），UITransitionView在self.view的0层，UITabBar在的第一层。

所以我的思路是这样的：

UITransitionView与UITabBar转移到一个新的View1上去，作为滑动的部分；

在View1与self.view之间再添加一个View2，作为菜单的容器；

给View1添加相应的手势响应；

代码：

#import@protocolSlideTab_VC_TCVDelegate@optional-(void)didOpenMenu:(UIView*)menu;-(void)didCloseMenu:(UIView*)menu;@end@interfaceSlideTab_VC:UITabBarController@property(strong,nonatomic)UIView*mMenuV;@property(weak,nonatomic)id mDelegate;-(void)openMenu;-(void)closeMenu;@end

#import"SlideTab_VC.h"#define DEVICE_W [UIScreen mainScreen].bounds.size.width@interfaceSlideTab_VC(){CGFloat_centerMaxX;}@property(strong,nonatomic)UIView*mTransitionView;@property(strong,nonatomic)UITapGestureRecognizer*mTapGester;@property(assign,nonatomic)BOOLmMenuIsOpen;@property(strong,nonatomic)UITabBar*mTabBar;@end@implementationSlideTab_VC- (void)viewDidLoad {    [superviewDidLoad];// Do any additional setup after loading the view.self.view.backgroundColor = [UIColorpurpleColor];    _mMenuIsOpen =NO;    _centerMaxX = DEVICE_W*3/2-80.0f;    [selfinitMTransitionView];    [selfaddGestureForMTransitionView];}#pragma mark 菜单懒加载-(void)setMMenuV:(UIView*)mMenuV{if(mMenuV!=nil) {        _mMenuV = mMenuV;        [self.view insertSubview:_mMenuV atIndex:0];    }}#pragma mark 打开菜单-(void)openMenu{CGPointcenter =self.mTransitionView.center;    center.x = _centerMaxX;    [UIViewanimateWithDuration:0.15f animations:^{self.mTransitionView.center = center;if(_mDelegate !=nil&& [_mDelegate respondsToSelector:@selector(didOpenMenu:)]) {        [_mDelegate didOpenMenu:_mMenuV];    }    }];    [selfmTransitionSubViewsEnable:NO];}#pragma mark 关闭菜单-(void)closeMenu{CGPointcenter =self.mTransitionView.center;    center.x = DEVICE_W/2;    [UIViewanimateWithDuration:0.15f animations:^{self.mTransitionView.center = center;    } completion:^(BOOLfinished) {        [selfmTransitionSubViewsEnable:YES];if(_mDelegate !=nil&& [_mDelegate respondsToSelector:@selector(didCloseMenu:)]) {        [_mDelegate didCloseMenu:_mMenuV];    }    }];}#pragma mark Transition用户交互使能-(void)mTransitionSubViewsEnable:(BOOL)enable{for(UIView*tmpinself.mTransitionView.subviews) {        tmp.userInteractionEnabled = enable;    }if(enable) {        [self.mTransitionView removeGestureRecognizer:_mTapGester];    }else{        [self.mTransitionView addGestureRecognizer:_mTapGester];    }}#pragma mark 配置mTransitionView-(void)initMTransitionView{for(UIView*tmpinself.view.subviews) {        [tmp removeFromSuperview];        [self.mTransitionView addSubview:tmp];    }    [self.view addSubview:self.mTransitionView];}#pragma mark 拖动手势动作-(void)panAction:(UIPanGestureRecognizer*)pan{CGPointlocation = [pan translationInView:pan.view.superview];CGPointcenter =self.mTransitionView.center;if(pan.state==UIGestureRecognizerStateEnded) {if(center.x<_centerMaxX*0.5+DEVICE_W*0.25){            [selfcloseMenu];        }else{            [selfopenMenu];        }    }elseif(pan.state==UIGestureRecognizerStateChanged){if(location.x<0) {//向左滑center.x = center.x+location.x<=DEVICE_W/2? DEVICE_W/2: center.x+location.x;        }else{            center.x = center.x+location.x>=_centerMaxX? _centerMaxX : center.x+location.x;        }self.mTransitionView.center = center;        [pan setTranslation:CGPointMake(0,0) inView:pan.view.superview];    }}#pragma mark 添加手势-(void)addGestureForMTransitionView{UIPanGestureRecognizer*pan = [[UIPanGestureRecognizeralloc]initWithTarget:selfaction:@selector(panAction:)];    [_mTransitionView addGestureRecognizer:pan];    _mTapGester = [[UITapGestureRecognizeralloc]initWithTarget:selfaction:@selector(tapAction)];}#pragma mark--懒加载-(UIView*)mTransitionView{if(_mTransitionView==nil) {        _mTransitionView = [[UIViewalloc]initWithFrame:self.view.bounds];    }return_mTransitionView;}-(void)tapAction{CGFloatx = _mTransitionView.center.x;if(x>=_centerMaxX) {        [selfcloseMenu];    }}@end

谢谢!!!