iOS-抽屉效果

前言

关于第三方的抽屉效果有不少，比较实用的有两个RESideMenu和MMDrawerController，可是里面的代码逻辑很复杂，可是有时候需求并不须要如此，因此本身去实现效果也并不难，抽屉效果的逻辑并不复杂。抽屉效果结构，大致上分为3个部分，背景视图、列表视图以及内容视图（在最上面）；所以只要把内容视图移动一段距离就能够实现。

 

实现的关键代码部分，内容视图移动的距离计算公式：containerView手势开始时的起始位置+拖动的距离 = containerView最后的移动距离。即

CGFloat translationOffsetX = [gesture translationInView:gesture.view].x;

newFrame.origin.x = [self roundedOriginXForDrawerConstriants:CGRectGetMinX(self.startPanRect) + translationOffsetX];//计算滑动距离

newFrame = CGRectIntegral(newFrame);

CGFloat offsetX = newFrame.origin.x;

// 这个响应手势的回调是个关键的地方，涉及拖动距离的计算方法，即手势开始时的containerView的origin.x加上手势拖动的位移translationOffsetX（向左拖动值为负数，向右拖动值为正数），滑动的最大位移maximumLeftDrawerWidth可从新制定；手势结束后，经过判断containerView的origin.x是否大于等于maximumLeftDrawerWidth的一半或者是x轴方向的速度是否大于panVelocityXAnimationThreshold，决定open或close。
- (void)handlePanGestureAction:(UIPanGestureRecognizer *)gesture {
    switch (gesture.state)
    {
        case UIGestureRecognizerStateBegan: {
            self.startPanRect = self.containerView.frame;//手势开始时的初始frame
            break;
        }
        case UIGestureRecognizerStateChanged: {
            self.view.userInteractionEnabled = NO;
            CGRect newFrame = self.startPanRect;
            CGFloat translationOffsetX = [gesture translationInView:gesture.view].x;
            newFrame.origin.x = [self roundedOriginXForDrawerConstriants:CGRectGetMinX(self.startPanRect) + translationOffsetX];//计算滑动距离
            newFrame = CGRectIntegral(newFrame);
            
            CGFloat offsetX = newFrame.origin.x;
            self.containerView.transform = CGAffineTransformMakeTranslation(offsetX, 0);
            
            if (self.scaleContainView) {
                CGFloat scale = 1 - (1 - self.contentViewScaleValue) * (offsetX / self.maximumLeftDrawerWidth);
                self.containerView.transform = CGAffineTransformScale(self.containerView.transform, scale, scale);
            }
            break;
        }
        case UIGestureRecognizerStateEnded:
        case UIGestureRecognizerStateCancelled: {
            self.startPanRect = CGRectNull;
            CGPoint velocity = [gesture velocityInView:gesture.view];
            [self finishAnimationForPanGestureWithXVelocity:velocity.x];
            self.view.userInteractionEnabled = YES;
            break;
        }
        default:
            break;
    }
}

Github地址，SimpleLeftSlideDemo。

 

总结

抽屉效果的第三方已经有不少，可是未必能彻底符合项目的需求，因此自行定制是比较好的方式，何况逻辑也不复杂，关键要注意处理好边界值与手势冲突。