美文网首页iOS专题
iOS左滑菜单栏

iOS左滑菜单栏

作者: Luy7788 | 来源:发表于2016-06-15 15:51 被阅读1444次

    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

    相关文章

      网友评论

      • 879148a9c706:我把LeftMenuViewDemo 里面的控件大小改用Masonry约束,关闭动画就全乱了。怎么搞
      • 仁一:另外一个vc的view加上去就崩了
        Luy7788:加上去就崩了?报了什么错

      本文标题:iOS左滑菜单栏

      本文链接:https://www.haomeiwen.com/subject/dnhpdttx.html