前言
关于第三方的抽屉效果有很多,比较实用的有两个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。
总结
抽屉效果的第三方已经有很多,但是未必能完全符合项目的需求,所以自行定制是比较好的方式,况且逻辑也不复杂,关键要注意处理好边界值与手势冲突。