iOS-抽屉效果

最新推荐文章于 2024-06-07 09:34:14 发布

weixin_33928137

最新推荐文章于 2024-06-07 09:34:14 发布

阅读量71

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/1450995/blog/916439

版权

2019独角兽企业重金招聘Python工程师标准>>>

前言

关于第三方的抽屉效果有很多，比较实用的有两个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。

总结

抽屉效果的第三方已经有很多，但是未必能完全符合项目的需求，所以自行定制是比较好的方式，况且逻辑也不复杂，关键要注意处理好边界值与手势冲突。

转载于:https://my.oschina.net/u/1450995/blog/916439