android 仿ios侧滑菜单,iOS中仿QQ侧滑菜单功能

UITabBarController做QQ侧滑菜单效果：

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

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

所以我的思路是这样的：

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

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

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

代码：

#import

@protocol SlideTab_VC_TCVDelegate

@optional

-(void)didOpenMenu:(UIView*)menu;

-(void)didCloseMenu:(UIView*)menu;

@end

@interface SlideTab_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

@interface SlideTab_VC (){

CGFloat _centerMaxX;

}

@property(strong, nonatomic)UIView *mTransitionView;

@property(strong, nonatomic)UITapGestureRecognizer *mTapGester;

@property(assign, nonatomic)BOOL mMenuIsOpen;

@property(strong, nonatomic)UITabBar *mTabBar;

@end

@implementation SlideTab_VC

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view.

self.view.backgroundColor = [UIColor purpleColor];

_mMenuIsOpen = NO;

_centerMaxX = DEVICE_W*3/2-80.0f;

[self initMTransitionView];

[self addGestureForMTransitionView];

}

#pragma mark 菜单懒加载

-(void)setMMenuV:(UIView *)mMenuV{

if (mMenuV!=nil) {

_mMenuV = mMenuV;

[self.view insertSubview:_mMenuV atIndex:0];

}

}

#pragma mark 打开菜单

-(void)openMenu{

CGPoint center = self.mTransitionView.center;

center.x = _centerMaxX;

[UIView animateWithDuration:0.15f animations:^{

self.mTransitionView.center = center;

if (_mDelegate != nil&& [_mDelegate respondsToSelector:@selector(didOpenMenu:)]) {

[_mDelegate didOpenMenu:_mMenuV];

}

}];

[self mTransitionSubViewsEnable:NO];

}

#pragma mark 关闭菜单

-(void)closeMenu{

CGPoint center = self.mTransitionView.center;

center.x = DEVICE_W/2;

[UIView animateWithDuration:0.15f animations:^{

self.mTransitionView.center = center;

} completion:^(BOOL finished) {

[self mTransitionSubViewsEnable:YES];

if (_mDelegate != nil&& [_mDelegate respondsToSelector:@selector(didCloseMenu:)]) {

[_mDelegate didCloseMenu:_mMenuV];

}

}];

}

#pragma mark Transition用户交互使能

-(void)mTransitionSubViewsEnable:(BOOL)enable{

for (UIView *tmp in self.mTransitionView.subviews) {

tmp.userInteractionEnabled = enable;

}

if (enable) {

[self.mTransitionView removeGestureRecognizer:_mTapGester];

}else{

[self.mTransitionView addGestureRecognizer:_mTapGester];

}

}

#pragma mark 配置mTransitionView

-(void)initMTransitionView{

for (UIView *tmp in self.view.subviews) {

[tmp removeFromSuperview];

[self.mTransitionView addSubview:tmp];

}

[self.view addSubview:self.mTransitionView];

}

#pragma mark 拖动手势动作

-(void)panAction:(UIPanGestureRecognizer*)pan{

CGPoint location = [pan translationInView:pan.view.superview];

CGPoint center = self.mTransitionView.center;

if (pan.state==UIGestureRecognizerStateEnded) {

if (center.x<_centermaxx>

[self closeMenu];

}else{

[self openMenu];

}

}else if(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 = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(panAction:)];

[_mTransitionView addGestureRecognizer:pan];

_mTapGester = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapAction)];

}

#pragma mark--懒加载

-(UIView *)mTransitionView{

if (_mTransitionView==nil) {

_mTransitionView = [[UIView alloc]initWithFrame:self.view.bounds];

}

return _mTransitionView;

}

-(void)tapAction{

CGFloat x = _mTransitionView.center.x;

if (x>=_centerMaxX) {

[self closeMenu];

}

}

@end

总结

以上所述是小编给大家介绍的iOS中仿QQ侧滑菜单功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！