kudians/ZBProject/Tools/WBSliderView.../WBSliderView...

//
//  WBSliderViewController.m
//  WBSliderViewController
//
//  Created by WB on 16/11/9.
//  Copyright © 2016年 WB. All rights reserved.
//

#import "WBSliderViewController.h"

#define kWBDeviceWidth [UIScreen mainScreen].bounds.size.width
#define kWBDeviceHeight [UIScreen mainScreen].bounds.size.height

static NSTimeInterval const kAnimationDuration = 0.3;

#pragma mark ---------- left config -----------
static CGFloat const leftShowWidth = 240.f;//侧滑页面的大小
static CGFloat const leftScale = 1.f;//是否布满整个页面
static CGFloat const leftDragbleWidth = 80.f;//手势滑动距离边缘最少距离
static CGFloat const leftMinDragLength = 100.f;////手势滑动距离边缘最大距离

#pragma mark ---------- right config -----------
static CGFloat const rightShowWidth = 240.f;
static CGFloat const rightScale = 1.f;
static CGFloat const rightDragbleWidth = 80.f;
static CGFloat const rightMinDragLength = 100.f;

typedef NS_ENUM(NSUInteger, WBDragDirection){
    WBDragDirectionNone = 0,
    WBDragDirectionLeft, // 左侧界面相关  show the leftView or hide
    WBDragDirectionRight,
};

@interface WBSliderViewController () <UIGestureRecognizerDelegate>

@property (nonatomic,strong)UIView *mainContainerView;
@property (nonatomic,strong)UIView *leftContainerView;
@property (nonatomic,strong)UIView *rightContainerView;
@property (nonatomic,strong)UIView *maskView;
@property (nonatomic,assign)BOOL canShowLeft;
@property (nonatomic,assign)BOOL canShowRight;
@property (nonatomic,assign)BOOL isLeftShow;
@property (nonatomic,assign)BOOL isRightShow;
@property (nonatomic,assign)BOOL canDrag;
@property (nonatomic,assign)CGPoint lastDragPoint;
@property (nonatomic,assign)CGPoint startDragPoint;
@property (nonatomic,assign) WBDragDirection dragDirection;
@property (nonatomic,retain)UIPanGestureRecognizer *panGesture;
@property (nonatomic,retain)UITapGestureRecognizer *tapGesture;


@property (nonatomic, strong, readwrite) UIViewController *mainViewController;
@property (nonatomic, strong, readwrite) UIViewController *leftViewController;
@property (nonatomic, strong, readwrite) UIViewController *rightViewController;
@end

@implementation WBSliderViewController

- (instancetype)initWithMainViewController:(UIViewController *)mainVC
                        leftViewController:(UIViewController *)leftVC
                       rightViewController:(UIViewController *)rightVC
{
    self = [super init];
    
    if (self) {
        [self prepare];
        
        //左右边的控制器,哪个不想要,注释那句代码就可以
        self.mainViewController = mainVC;
        self.leftViewController = leftVC;
        self.rightViewController = rightVC;
    }
    return self;
}

- (void)prepare
{
    CGRect view_bounds = self.view.bounds;
    
    _mainContainerView = [[UIView alloc] init];
    _leftContainerView = [[UIView alloc] init];
    _rightContainerView = [[UIView alloc] init];
    _maskView = [[UIView alloc] init];
    _maskView.hidden = YES;
    
    _mainContainerView.frame = view_bounds;
    _leftContainerView.frame = view_bounds;
    _rightContainerView.frame = view_bounds;
    _maskView.frame = view_bounds;
    
    [self.view addSubview:_leftContainerView];
    [self.view addSubview:_rightContainerView];
    [self.view addSubview:_mainContainerView];
    [_mainContainerView addSubview:_maskView];

    _panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGestureHandler:)];
    _panGesture.delegate = self;
    [_mainContainerView addGestureRecognizer:_panGesture];
    
    _tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGestureHandler)];
    [_maskView addGestureRecognizer:_tapGesture];
    UIView *backV =[[UIView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];
    backV.tag=12345;
    backV.backgroundColor=[UIColor colorWithRed:0/255.0 green:0/255.0 blue:0/255.0 alpha:0.3];
    backV.hidden=YES;
    [backV addGestureRecognizer:_tapGesture];
    [self.view addSubview:backV];
}

-(void)viewDidDisappear:(BOOL)animated
{
    [super viewDidDisappear:animated];    
    _leftContainerView.hidden = YES;
    _rightContainerView.hidden = YES;
}

- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
    _leftContainerView.hidden = NO;
    _rightContainerView.hidden = NO;
}

#pragma mark -------------- property setter -----------------------

- (void)setMainViewController:(UIViewController *)mainViewController
{
    if (!mainViewController) {
        NSLog(@"mainViewController cannot be nil");
        return;
    }
    _mainViewController = mainViewController;
    
    [self addChildViewController:mainViewController];
    [_mainContainerView addSubview:mainViewController.view];
}

- (void)setLeftViewController:(UIViewController *)leftViewController
{
    if (!leftViewController) {
        return;
    }
    _canShowLeft = YES;
    _leftViewController = leftViewController;
    
    _leftViewController.view.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin|UIViewAutoresizingFlexibleRightMargin|UIViewAutoresizingFlexibleTopMargin|UIViewAutoresizingFlexibleBottomMargin;
    [self addChildViewController:leftViewController];
    [_leftContainerView addSubview:leftViewController.view];
    _leftContainerView.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, -leftShowWidth, 0);
    _leftContainerView.transform = CGAffineTransformScale(_leftContainerView.transform, leftScale, leftScale);
}

- (void)setRightViewController:(UIViewController *)rightViewController
{
    if (!rightViewController) {
        return;
    }
    _canShowRight = YES;
    _rightViewController = rightViewController;
    
    [self addChildViewController:rightViewController];
    [_rightContainerView addSubview:rightViewController.view];
    _rightViewController.view.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin|UIViewAutoresizingFlexibleRightMargin|UIViewAutoresizingFlexibleTopMargin|UIViewAutoresizingFlexibleBottomMargin;
    [self addChildViewController:_rightViewController];
    [_rightContainerView addSubview:_rightViewController.view];
    _rightContainerView.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, rightShowWidth, 0);
    _rightContainerView.transform = CGAffineTransformScale(_rightContainerView.transform, rightScale, rightScale);
}


/**
 控件左右菜单界面push所需要的navigationController,默认为mainVC的navigationController

 @return mainVC的navigationController
 */
- (UINavigationController *)sliderNavigationController
{
    if (self.mainViewController) {
        if ([self.mainViewController isKindOfClass:[UINavigationController class]]) {
            return (UINavigationController *)self.mainViewController;
        }
    }else if (self.mainViewController.navigationController){
        return self.mainViewController.navigationController;
    }
    return nil;
}


#pragma mark -------------- gesture delegate -----------------------
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer
{
    // 防止进入多级界面后依然可以呼出侧滑菜单栏
    if ([_mainViewController isKindOfClass:[UINavigationController class]]) {
        if (_mainViewController.childViewControllers.count>1) {
            return NO;
        }
    }else{
        for (UIViewController *controller in _mainViewController.childViewControllers) {
            if ([controller isKindOfClass:[UINavigationController class]]) {
                if (controller.childViewControllers.count>1) {
                    return NO;
                }
            }
        }
    }
    
    // 判断点击拖动手势是否在允许拖动范围内
    if ([gestureRecognizer locationInView:_mainContainerView].x < leftDragbleWidth || [gestureRecognizer locationInView:_mainContainerView].x > kWBDeviceWidth-rightDragbleWidth) {
        
        
        return YES;
    }
    return NO;
}

#pragma mark -------------- gesture handle -----------------------
- (void)tapGestureHandler
{
    if (_isLeftShow) {
        [self hideLeft];
    }
    if (_isRightShow){
        [self hideRight];
    }
}

- (void)panGestureHandler:(UIPanGestureRecognizer *)gesture
{
    CGPoint point = [gesture locationInView:self.view];
    
    switch (gesture.state) {
        case UIGestureRecognizerStateBegan:
        {
            // 判断是否响应拖动，记录拖动开始点位置
            if (!_isLeftShow&&!_isRightShow) {
                if (point.x<leftDragbleWidth||point.x>kWBDeviceWidth-rightDragbleWidth) {
                    _canDrag = YES;
                }else{
                    _canDrag = NO;
                }
            }else if (_isLeftShow){
                CGPoint curPoint = [gesture locationInView:_mainContainerView];
                if (curPoint.x>0&&curPoint.y>0) {
                    _canDrag = YES;
                }else{
                    _canDrag = NO;
                }
            }else if (_isRightShow){
                CGPoint curPoint = [gesture locationInView:_mainContainerView];
                if (curPoint.x>=0&&curPoint.y>=0) {
                    _canDrag = YES;
                }else{
                    _canDrag = NO;
                }
            }
            
            _startDragPoint = point;
            _lastDragPoint = point;
        }
            break;
        case UIGestureRecognizerStateChanged:
        {
            if (!_canDrag) {
                break;
            }

            CGFloat main_x = _mainContainerView.frame.origin.x;
            CGFloat move_length = point.x - _lastDragPoint.x;
            CGFloat scale = 1;
            _lastDragPoint = point;
            
            if (!_isLeftShow&&!_isRightShow) {
                if (_dragDirection == WBDragDirectionNone) {
                    if (move_length>0) {
                        _dragDirection = WBDragDirectionLeft;
                        _leftContainerView.hidden = NO;
                        _rightContainerView.hidden = YES;
                    }else{
                        _dragDirection = WBDragDirectionRight;
                        _leftContainerView.hidden = YES;
                        _rightContainerView.hidden = NO;
                    }
                }
                
                switch (_dragDirection) {
                    case WBDragDirectionLeft:
                    {
                        if (!_canShowLeft) {
                            break;
                        }
                        
                        if (_startDragPoint.x>kWBDeviceWidth-rightDragbleWidth||main_x+move_length<0) {
                            // 防止拖拉左侧区域可以拖出右侧界面
                            break;
                        }
                        
                        CGFloat left_x = _leftContainerView.frame.origin.x;
    if (move_length>leftShowWidth||left_x>0||left_x+move_length>0) {
                            // 判断界面变化是否应该停止
                            break;
        }
        
        scale = 1-(move_length/leftShowWidth)*(1-leftScale);
        
        _mainContainerView.transform = CGAffineTransformTranslate(_mainContainerView.transform, move_length, 0);
        _mainContainerView.transform = CGAffineTransformScale(_mainContainerView.transform, scale, scale);
        UIView *backV =[self.view viewWithTag:12345];
        backV.hidden=NO;
        backV.transform = CGAffineTransformTranslate(backV.transform, move_length, 0);
        backV.transform = CGAffineTransformScale(backV.transform, scale, scale);
                        
                        
    CGFloat left_scale = 1+(move_length/leftShowWidth)*(1-leftScale);
    _leftContainerView.transform = CGAffineTransformTranslate(_leftContainerView.transform, move_length, 0);
    _leftContainerView.transform = CGAffineTransformScale(_leftContainerView.transform, left_scale, left_scale);
                    }
        break;
            case WBDragDirectionRight:
            {
                if (!_canShowRight) {
                    break;
                }
                        
    if (_startDragPoint.x<leftDragbleWidth||main_x+move_length>0) {
                            // 防止拖拉右侧区域可以拖出左侧界面
                            break;
                        }
                        
                        CGFloat right_x = _rightContainerView.frame.origin.x;
                        if (fabs(move_length)>rightShowWidth||right_x<0||right_x+move_length<0) {
                            break;
                        }
                        
                        scale = 1+(move_length/rightShowWidth)*(1-rightScale);
                        
        _mainContainerView.transform = CGAffineTransformTranslate(_mainContainerView.transform, move_length, 0);
        _mainContainerView.transform = CGAffineTransformScale(_mainContainerView.transform, scale, scale);
        UIView *backV =[self.view viewWithTag:12345];
        backV.hidden=NO;
    backV.transform = CGAffineTransformTranslate(backV.transform, move_length, 0);
    backV.transform = CGAffineTransformScale(backV.transform, scale, scale);
                        
                        CGFloat right_scale = 1-(move_length/rightShowWidth)*(1-rightScale);
                        _rightContainerView.transform = CGAffineTransformTranslate(_rightContainerView.transform, move_length, 0);
                        _rightContainerView.transform = CGAffineTransformScale(_rightContainerView.transform, right_scale, right_scale);
                        
                    }
                        break;
                    default:
                        break;
                }
                
            }else if (_isLeftShow){
                
                if (_dragDirection == WBDragDirectionNone) {
                    _dragDirection = WBDragDirectionLeft;
                }
                
                CGFloat left_x = _leftContainerView.frame.origin.x;
                
                if (fabs(move_length)>leftShowWidth||left_x>0||left_x+move_length>0||point.x>_startDragPoint.x||main_x<=0) {
                    break;
                }
                
                scale = 1-(move_length/leftShowWidth)*(1-leftScale);
        _mainContainerView.transform = CGAffineTransformTranslate(_mainContainerView.transform, move_length, 0);
        _mainContainerView.transform = CGAffineTransformScale(_mainContainerView.transform, scale, scale);
        UIView *backV =[self.view viewWithTag:12345];
        backV.hidden=NO;
        backV.transform = CGAffineTransformTranslate(backV.transform, move_length, 0);
        backV.transform = CGAffineTransformScale(backV.transform, scale, scale);
                
                CGFloat left_scale = 1+(move_length/leftShowWidth)*(1-leftScale);
                _leftContainerView.transform = CGAffineTransformTranslate(_leftContainerView.transform, move_length, 0);
                _leftContainerView.transform = CGAffineTransformScale(_leftContainerView.transform, left_scale, left_scale);
                
            }else if (_isRightShow){
                
                if (_dragDirection == WBDragDirectionNone) {
                    _dragDirection = WBDragDirectionRight;
                }
                
                CGFloat right_x = _rightContainerView.frame.origin.x;
                
                if (move_length>rightShowWidth||right_x<0||right_x+move_length<0||point.x<_startDragPoint.x||main_x>=0) {
                    break;
                }
                
                scale = 1+(move_length/rightShowWidth)*(1-rightScale);
                _mainContainerView.transform = CGAffineTransformTranslate(_mainContainerView.transform, move_length, 0);
                _mainContainerView.transform = CGAffineTransformScale(_mainContainerView.transform, scale, scale);
                UIView *backV =[self.view viewWithTag:12345];
                backV.hidden=NO;
                backV.transform = CGAffineTransformTranslate(backV.transform, move_length, 0);
                backV.transform = CGAffineTransformScale(backV.transform, scale, scale);
                CGFloat right_scale = 1-(move_length/rightShowWidth)*(1-rightScale);
                _rightContainerView.transform = CGAffineTransformTranslate(_rightContainerView.transform, move_length, 0);
                _rightContainerView.transform = CGAffineTransformScale(_rightContainerView.transform, right_scale, right_scale);

            }
        }
            break;
        case UIGestureRecognizerStateEnded:
        {
            if (!_canDrag) {
                break;
            }
            CGFloat move_length = fabs(point.x - _startDragPoint.x);
            
            switch (_dragDirection) {
                case WBDragDirectionLeft:
                {
                    CGFloat left_x = _leftContainerView.frame.origin.x;
                    
                    if (!_canShowLeft) {
                        break;
                    }
                    
                    if (_isLeftShow&&point.x-_startDragPoint.x>0&&left_x==0) {
                        break;
                    }
                    
                    if (move_length>leftMinDragLength) {
                        if (_isLeftShow) {
                            [self hideLeft];
                        }else{
                            [self showLeftWithType:_typepush];
                        }
                    }else{
                        if (_isLeftShow) {
                            [self showLeftWithType:_typepush];
                        }else{
                            [self hideLeft];
                        }
                    }
                }
                    break;
                case WBDragDirectionRight:
                {
                    CGFloat right_x = _rightContainerView.frame.origin.x;
                    
                    if (!_canShowRight) {
                        break;
                    }
                    
                    if (_isRightShow&&point.x-_startDragPoint.x<0&&right_x==0) {
                        break;
                    }
                    
                    if (move_length>rightMinDragLength) {
                        if (_isRightShow) {
                            [self hideRight];
                        }else{
                            [self showRight];
                        }
                    }else{
                        if (_isRightShow) {
                            [self showRight];
                        }else{
                            [self hideRight];
                        }
                    }
                }
                    break;
                    
                default:
                {
                    [self hideLeft];
                    [self hideRight];
                }
                    break;
            }
            _dragDirection = WBDragDirectionNone;
            _lastDragPoint = CGPointZero;
            _startDragPoint = CGPointZero;
            _canDrag = NO;
        }
            break;
        default:
            break;
    }
    
}

#pragma mark -------------- calculate duration -----------------------
- (NSTimeInterval)calculateAnimationDurationIsShow:(BOOL)isShow
{
    NSTimeInterval timeInterval;
    
    CGFloat main_x = _mainContainerView.frame.origin.x;
    CGFloat left_x = _leftContainerView.frame.origin.x;
    CGFloat right_x = _rightContainerView.frame.origin.x;
    
    if (main_x==0||left_x==0||right_x==0) {
        return kAnimationDuration;
    }
    
    if (main_x>0) {
        // left
        CGFloat left_scale = _leftContainerView.frame.size.width/kWBDeviceWidth;
        if (isShow) {
            timeInterval = (1-(left_scale-leftScale)/(1-leftScale))*kAnimationDuration;
        } else {
            timeInterval = ((left_scale-leftScale)/(1-leftScale))*kAnimationDuration;
        }
    } else {
        // right
        CGFloat right_scale = _rightContainerView.frame.size.width/kWBDeviceWidth;
        if (isShow) {
            timeInterval = (1-(right_scale-rightScale)/(1-rightScale))*kAnimationDuration;
        } else {
            timeInterval = ((right_scale-rightScale)/(1-rightScale))*kAnimationDuration;
        }
    }
    return timeInterval;
}

#pragma mark -------------- public method -----------------------
- (void)showLeftWithType:(NSString *)push
{
    self.typepush = push;
    _leftContainerView.hidden = NO;
    _rightContainerView.hidden = YES;
    UIView *back= [self.view viewWithTag:12345];
    back.hidden=NO;
    [UIView animateWithDuration:[self calculateAnimationDurationIsShow:YES]
                     animations:^{
                         
                         _mainContainerView.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, leftShowWidth, 0);
                         _mainContainerView.transform = CGAffineTransformScale(_mainContainerView.transform, leftScale, leftScale);
                         
                         _leftContainerView.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, 0, 0);
                         _leftContainerView.transform = CGAffineTransformScale(_leftContainerView.transform, 1, 1);
                         
                         back.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, leftShowWidth, 0);
                         back.transform = CGAffineTransformScale(back.transform, leftScale, leftScale);
                         
                     }
                     completion:^(BOOL finished) {
                         _isLeftShow = YES;
                         _maskView.hidden = NO;
                          [_mainContainerView bringSubviewToFront:_maskView];
                        
                     }];
    
}

- (void)hideLeft
{
    [UIView animateWithDuration:[self calculateAnimationDurationIsShow:NO]
                     animations:^{
                        UIView *back= [self.view viewWithTag:12345];
                         back.hidden=YES;
                         back.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, 0, 0);
                         back.transform = CGAffineTransformScale(back.transform, 1, 1);
                         _mainContainerView.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, 0, 0);
                         _mainContainerView.transform = CGAffineTransformScale(_mainContainerView.transform, 1, 1);
                         
                         _leftContainerView.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, -leftShowWidth, 0);
                         _leftContainerView.transform = CGAffineTransformScale(_leftContainerView.transform, leftScale, leftScale);
                     }
                     completion:^(BOOL finished) {
                         _isLeftShow = NO;
                         _maskView.hidden = YES;
                         _leftContainerView.hidden = YES;
                     }];
}

- (void)showRight
{
    _leftContainerView.hidden = YES;
    _rightContainerView.hidden = NO;
    [UIView animateWithDuration:[self calculateAnimationDurationIsShow:YES]
                     animations:^{
                         
                         _mainContainerView.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, -rightShowWidth, 0);
                         _mainContainerView.transform = CGAffineTransformScale(_mainContainerView.transform, rightScale, rightScale);
                         
                         _rightContainerView.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, 0, 0);
                         _rightContainerView.transform = CGAffineTransformScale(_rightContainerView.transform, 1, 1);
                     }
                     completion:^(BOOL finished) {
                         _isRightShow = YES;
                         _maskView.hidden = NO;
                         [_mainContainerView bringSubviewToFront:_maskView];
                     }];

}

- (void)hideRight
{
    [UIView animateWithDuration:[self calculateAnimationDurationIsShow:NO]
                     animations:^{
                         
                         _mainContainerView.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, 0, 0);
                         _mainContainerView.transform = CGAffineTransformScale(_mainContainerView.transform, 1, 1);
                         
                         _rightContainerView.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, rightShowWidth, 0);
                         _rightContainerView.transform = CGAffineTransformScale(_rightContainerView.transform, rightScale, rightScale);
                     }
                     completion:^(BOOL finished) {
                         _isRightShow = NO;
                         _maskView.hidden = YES;
                         _rightContainerView.hidden = YES;
                     }];
}

@end