//联系人:石虎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
谢谢!!!