iOS专题

iOS左滑菜单栏

2016-06-15  本文已影响1444人  Luy7788

github:https://github.com/Luy7788/MenuDemo

code4app:http://code4app.com/thread-9059-1-1.html

上面是一个左滑菜单的Demo

使用办法:

import "MenuView.h"

    //传入需要右滑的view:DependencyView,以及左侧的菜单view:MenuView
    MenuView *menu = [MenuView MenuViewWithDependencyView:self.view MenuView:menuView isShowCoverView:YES];
    //MenuView *menu = [[MenuView alloc]initWithDependencyView:self.view MenuView:menuView isShowCoverView:NO];
    self.menu = menu;

除了滑动展开和关闭菜单外,其他打开关闭方法:

    //展开菜单栏
    [self.menu show];
    //关闭菜单栏带动画效果
    [self.menu hidenWithAnimation];
    //关闭菜单不带动画效果
    [self.menu hidenWithAnimation];
ScreenFlow.gif

简单的实现过程:

#pragma mark - 添加屏幕边缘滑动手势,传入需要右滑出菜单的view
-(void)setDependencyView:(UIView *)dependencyView{ 
    // 屏幕边缘pan手势(优先级高于其他手势)
    UIScreenEdgePanGestureRecognizer *leftEdgeGesture = \
    [[UIScreenEdgePanGestureRecognizer alloc] initWithTarget:self
                                                      action:@selector(handleLeftEdgeGesture:)];
    leftEdgeGesture.edges                             = UIRectEdgeLeft;// 屏幕左侧边缘响应
    [dependencyView addGestureRecognizer:leftEdgeGesture]; //
}
#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){
        //NSLog(@"进行中");
        //不断修改菜单View的位置
        if(translation.x <= self.menuViewframe.size.width){// && self.leftMenuView.frame.origin.x != 0
            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{
        //NSLog(@"滑动结束");
        //根据位置判断是展开菜单或是收起菜单
        if(translation.x > self.menuViewframe.size.width/2){
            // 展开设置
            [self openMenuView];
        }else{
            // 恢复设置
            [self closeMenuView];
        }
    }
}

滑动收起菜单的处理方法也同上面的方法差不多。

源码可看这里:
http://www.jianshu.com/p/fb3954171359

上一篇 下一篇

猜你喜欢

热点阅读