Demo的下载在这里
http://www.jianshu.com/p/95209b166f6c
MenuView.h
#import <UIKit/UIKit.h>
@interface MenuView : UIView
+(instancetype)MenuViewWithDependencyView:(UIView *)dependencyView MenuView:(UIView *)leftmenuView isShowCoverView:(BOOL)isCover;
/**
* 初始化方法
*
* @param dependencyView 传入需要滑出菜单的控制器的view
* @param leftmenuView 传入需要显示的菜单的view
* @param isCover bool值，是否有右边遮挡的阴影
*
* @return self
*/
-(instancetype)initWithDependencyView:(UIView *)dependencyView MenuView:(UIView *)leftmenuView isShowCoverView:(BOOL)isCover;
/**
* 展开菜单，可放进点击事件内
*/
-(void)show;
/**
* 关闭菜单不带动画效果
*/
-(void)hidenWithoutAnimation;
/**
* 关闭菜单带动画效果
*/
-(void)hidenWithAnimation;
@end
MenuView.m
//初始化
// 获得屏幕尺寸
#define kSCREEN_WIDTH [[UIScreen mainScreen] bounds].size.width
#define kSCREEN_HEIGHT [[UIScreen mainScreen] bounds].size.height
#define MenuView_scale_of_Screen 0.8
#define CoverViewAlpha 0.7
#define MenuViewBackgroundColor [UIColor redColor]
#define CoverViewBackGround [UIColor colorWithRed:52/255.0 green:52/255.0 blue:52/255.0 alpha:1.0]
#import "MenuView.h"
@interface MenuView ()
@property (nonatomic ,assign)CGRect menuViewframe;
@property (nonatomic ,assign)CGRect coverViewframe;
@property (nonatomic ,strong)UIView *coverView;
@property (nonatomic ,strong)UIView *leftMenuView;
@property (nonatomic ,assign)BOOL isShowCoverView;;
@end
@implementation MenuView
+(instancetype)MenuViewWithDependencyView:(UIView *)dependencyView MenuView:(UIView *)leftmenuView isShowCoverView:(BOOL)isCover{
MenuView *menu = [[MenuView alloc]initWithDependencyView:dependencyView MenuView:leftmenuView isShowCoverView:isCover];
return menu;
}
-(instancetype)initWithDependencyView:(UIView *)dependencyView MenuView:(UIView *)leftmenuView isShowCoverView:(BOOL)isCover{
if(self = [super init]){
self.isShowCoverView = isCover;
[self initView];
[self setDependencyView:dependencyView];
self.leftMenuView = leftmenuView;
if((CGRectEqualToRect(_coverViewframe, CGRectZero)) == NO){
self.menuViewframe = leftmenuView.frame;
}else{
}
self.coverViewframe = CGRectMake(self.menuViewframe.size.width, self.menuViewframe.origin.y, kSCREEN_WIDTH - self.menuViewframe.size.width, self.menuViewframe.size.height);
}
return self;
}
-(void)setDependencyView:(UIView *)dependencyView{
// 屏幕边缘pan手势(优先级高于其他手势)
UIScreenEdgePanGestureRecognizer *leftEdgeGesture = \
[[UIScreenEdgePanGestureRecognizer alloc] initWithTarget:self
action:@selector(handleLeftEdgeGesture:)];
leftEdgeGesture.edges = UIRectEdgeLeft;// 屏幕左侧边缘响应
[dependencyView addGestureRecognizer:leftEdgeGesture]; //
}
-(void)initView{
if(self.isShowCoverView){
self.coverView.backgroundColor = CoverViewBackGround;
}else{
self.coverView.backgroundColor = [UIColor clearColor];
}
[self setBackgroundColor:[UIColor clearColor]];
[self.leftMenuView setBackgroundColor:MenuViewBackgroundColor];
}
-(CGRect)menuViewframe{
if((CGRectEqualToRect(_menuViewframe,CGRectZero)) == YES){
//设置左侧菜单
CGFloat w = kSCREEN_WIDTH * MenuView_scale_of_Screen;
CGFloat h = kSCREEN_HEIGHT;
CGFloat x = 0;
CGFloat y = 0;
_menuViewframe = CGRectMake(x , y , w , h);
}
return _menuViewframe;
}
-(CGRect)coverViewframe{
if((CGRectEqualToRect(_coverViewframe, CGRectZero)) == YES){
_coverViewframe = CGRectMake(self.menuViewframe.size.width, self.menuViewframe.origin.y, kSCREEN_WIDTH - self.menuViewframe.size.width, self.menuViewframe.size.height);
}
return _coverViewframe;
}
@end
//显示和隐藏的方法，可用在点击事件
-(void)show{
UIWindow * window = [[UIApplication sharedApplication].delegate window];
[window addSubview:self.coverView];
[window addSubview:self.leftMenuView];
self.leftMenuView.frame = CGRectMake(-self.menuViewframe.size.width, self.menuViewframe.origin.y, self.menuViewframe.size.width, self.menuViewframe.size.height);
self.coverView.frame = CGRectMake(0, 0, kSCREEN_WIDTH, self.menuViewframe.size.height);
[UIView animateWithDuration:0.3 animations:^{
self.leftMenuView.frame = self.menuViewframe;
self.coverView.frame = self.coverViewframe;
self.coverView.alpha = CoverViewAlpha;
}];
}
-(void)hidenWithoutAnimation{
[self removeCoverAndMenuView];
}
-(void)hidenWithAnimation{
[self coverTap];
}
//滑动事件
#pragma mark - 屏幕往右滑处理
- (void)handleLeftEdgeGesture:(UIScreenEdgePanGestureRecognizer *)gesture{
UIWindow * window = [[UIApplication sharedApplication].delegate window];
[window addSubview:self.coverView];
[window addSubview:self.leftMenuView];
// 根据被触摸手势的view计算得出坐标值
CGPoint translation = [gesture translationInView:gesture.view];
if(UIGestureRecognizerStateBegan == gesture.state ||
UIGestureRecognizerStateChanged == gesture.state){
if(translation.x <= self.menuViewframe.size.width){// && self.leftMenuView.frame.origin.x != 0
if(translation.x <= 10){
self.coverView.frame = CGRectMake(0, self.menuViewframe.origin.y, kSCREEN_WIDTH, self.menuViewframe.size.height);
}
CGFloat x = translation.x - self.menuViewframe.size.width;
CGFloat y = self.menuViewframe.origin.y;
CGFloat w = self.menuViewframe.size.width;
CGFloat h = self.menuViewframe.size.height;
self.leftMenuView.frame = CGRectMake(x, y, w, h);
self.coverView.frame = CGRectMake(self.leftMenuView.frame.size.width+x, 0,kSCREEN_WIDTH-self.leftMenuView.frame.size.width-x, self.menuViewframe.size.height);
self.coverView.alpha = CoverViewAlpha*(translation.x / self.menuViewframe.size.width);
}else{
self.leftMenuView.frame = self.menuViewframe;
self.coverView.frame = self.coverViewframe;
}
}
else{
//结束
if(translation.x > self.menuViewframe.size.width/2){
// 展开设置
[self openMenuView];
}else{
// 恢复设置
[self closeMenuView];
}
}
}
#pragma mark - coverView往左滑隐藏
-(void)handleftPan:(UIPanGestureRecognizer*)recognizer{
CGPoint translation = [recognizer translationInView:recognizer.view];
static CGFloat BeganX;
if(UIGestureRecognizerStateBegan == recognizer.state){
BeganX = translation.x;
}
CGFloat Place = (-translation.x) - (-BeganX);
if(UIGestureRecognizerStateBegan == recognizer.state ||
UIGestureRecognizerStateChanged == recognizer.state){
if(Place <= self.leftMenuView.frame.size.width && Place >0){
CGFloat x = 0 - Place;
CGFloat y = self.menuViewframe.origin.y;
CGFloat w = self.menuViewframe.size.width;
CGFloat h = self.menuViewframe.size.height;
self.leftMenuView.frame = CGRectMake(x, y, w, h);
self.coverView.frame = CGRectMake(self.leftMenuView.frame.size.width-Place, 0,kSCREEN_WIDTH-self.leftMenuView.frame.size.width+Place, self.menuViewframe.size.height);
self.coverView.alpha = CoverViewAlpha*((w - Place) / self.menuViewframe.size.width);
}else if(Place >0){
CGFloat x = -self.menuViewframe.size.width;
CGFloat y = self.menuViewframe.origin.y;
CGFloat w = self.menuViewframe.size.width;
CGFloat h = self.menuViewframe.size.height;
self.leftMenuView.frame = CGRectMake(x, y, w, h);//self.LeftViewFrame;
self.coverView.frame = CGRectMake(0, 0,kSCREEN_WIDTH, self.menuViewframe.size.height);
}else{
CGFloat x = 0;
CGFloat y = self.menuViewframe.origin.y;
CGFloat w = self.menuViewframe.size.width;
CGFloat h = self.menuViewframe.size.height;
self.leftMenuView.frame = CGRectMake(x, y, w, h);
self.coverView.frame = CGRectMake(self.leftMenuView.frame.size.width, 0,kSCREEN_WIDTH-self.leftMenuView.frame.size.width, self.menuViewframe.size.height);
self.coverView.alpha = CoverViewAlpha;
}
}else{
//结束
if(Place > self.menuViewframe.size.width/2){
// 收起设置
[self closeMenuView];
}else{
// 展开设置
[self openMenuView];
}
}
}
-(void)openMenuView{
[UIView animateWithDuration:0.3 animations:^{
CGFloat x = 0;
CGFloat y = self.menuViewframe.origin.y;
CGFloat w = self.menuViewframe.size.width;
CGFloat h = self.menuViewframe.size.height;
self.leftMenuView.frame = CGRectMake(x, y, w, h);
self.coverView.frame = self.coverViewframe;
self.coverView.alpha = CoverViewAlpha;
}];
}
-(void)closeMenuView{
[UIView animateWithDuration:0.3 animations:^{
CGFloat x = -self.menuViewframe.size.width;
CGFloat y = self.menuViewframe.origin.y;
CGFloat w = self.menuViewframe.size.width;
CGFloat h = self.menuViewframe.size.height;
self.leftMenuView.frame = CGRectMake(x, y, w, h);//self.LeftViewFrame;
self.coverView.frame = CGRectMake(0, 0,kSCREEN_WIDTH, self.menuViewframe.size.height);
} completion:^(BOOL finished) {
[self removeCoverAndMenuView];
}];
}
#pragma mark - 屏幕左侧菜单
-(UIView *)leftMenuView{
if(_leftMenuView == nil){
UIView *LeftView = [[UIView alloc]initWithFrame:self.menuViewframe];
_leftMenuView = LeftView;
}
return _leftMenuView;
}
#pragma mark - 遮盖
-(UIView *)coverView {
if (_coverView == nil) {
UIView *Cover = [[UIView alloc]initWithFrame:self.coverViewframe];
Cover.backgroundColor = CoverViewBackGround;
Cover.alpha = 0;
UITapGestureRecognizer *Click = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(coverTap)];
[Cover addGestureRecognizer:Click];
UIGestureRecognizer *panGestureRecognizer = [[UIPanGestureRecognizer alloc]
initWithTarget:self
action:@selector(handleftPan:)];
[Cover addGestureRecognizer:panGestureRecognizer];
[Click requireGestureRecognizerToFail:panGestureRecognizer];
_coverView = Cover;
}
return _coverView;
}
#pragma mark - 点击遮盖移除
-(void)coverTap{
[UIView animateKeyframesWithDuration:0.3 delay:0 options:UIViewKeyframeAnimationOptionLayoutSubviews animations:^{
self.leftMenuView.frame = CGRectMake(-self.menuViewframe.size.width, 0, self.menuViewframe.size.width, self.menuViewframe.size.height);
self.coverView.frame = CGRectMake(0, 0,kSCREEN_WIDTH, kSCREEN_HEIGHT);
self.coverView.alpha = 0.0;
} completion:^(BOOL finished) {
[self.coverView removeFromSuperview];
[self.leftMenuView removeFromSuperview];
}];
}
#pragma mark - 移除菜单和遮盖
-(void)removeCoverAndMenuView{
self.leftMenuView.frame = CGRectMake(-self.leftMenuView.frame.size.width, 0, self.leftMenuView.frame.size.width, kSCREEN_HEIGHT);
self.coverView.frame = CGRectMake(0, 0,kSCREEN_WIDTH, kSCREEN_HEIGHT);
self.coverView.alpha = 0.0;
[self.coverView removeFromSuperview];
[self.leftMenuView removeFromSuperview];
}
