側滑欄效果的實現，側滑欄

側滑欄效果的實現，側滑欄

側滑欄效果的實現

 

效果

 

源碼

https://github.com/YouXianMing/iOS-Project-Examples 中的 SideViewController

////  ViewController.m//  SideViewController////  Created by YouXianMing on 16/6/6.//  Copyright © 2016年 YouXianMing. All rights reserved.//#import "ViewController.h"#import "LeftViewController.h"#import "MainViewController.h"#import "UIView+SetRect.h"@interface ViewController () {        CGFloat _screenWidth;}@property (nonatomic, strong) UIPanGestureRecognizer *panGesture;@property (nonatomic)         CGPoint                 panBeginPoint;@property (nonatomic, strong) LeftViewController     *leftViewController;@property (nonatomic, strong) UIView                 *leftView;@property (nonatomic, strong) MainViewController     *mainViewController;@property (nonatomic, strong) UIView                 *mainView;@end@implementation ViewController- (void)viewDidLoad {        [super viewDidLoad];        // Init some value.    _screenWidth = Width;        // Add backgroundView.    UIImageView *backgroundView = [[UIImageView alloc] initWithFrame:self.view.bounds];    backgroundView.image        = [UIImage imageNamed:@"back"];    [self.view addSubview:backgroundView];        // LeftViewController    self.leftViewController = [[LeftViewController alloc] init];    self.leftView           = self.leftViewController.view;    [self.view addSubview:self.leftView];        // MainViewController    self.mainViewController = [[MainViewController alloc] init];    self.mainView           = self.mainViewController.view;    [self.view addSubview:self.mainView];        // Pan gesture.    self.panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGestureEvent:)];    [self.mainView addGestureRecognizer:self.panGesture];}- (void)panGestureEvent:(UIPanGestureRecognizer *)gesture {        CGPoint translation = [gesture translationInView:gesture.view];    CGPoint velocity    = [gesture velocityInView:gesture.view];        CGFloat gap               = _screenWidth / 3.f * 2;    CGFloat sensitivePosition = _screenWidth / 2.f;        if (velocity.x < 0 && _mainView.x <= 0) {                // 過濾掉向左側滑過頭的情形        _mainView.x = 0.f;            } else {                if (gesture.state == UIGestureRecognizerStateBegan) {                        // 開始            _panBeginPoint = translation;                        if (_mainView.x >= sensitivePosition) {                                _panBeginPoint.x -= gap;            }                    } else if (gesture.state == UIGestureRecognizerStateChanged) {                        // 值變化            _mainView.x = translation.x - _panBeginPoint.x;                        if (_mainView.x <= 0) {                                // 過濾掉向左側滑過頭的情形                _mainView.x = 0.f;            }                    } else if (gesture.state == UIGestureRecognizerStateEnded) {                        // 結束            [UIView animateWithDuration:0.20f animations:^{                                _mainView.x >= sensitivePosition ? (_mainView.x = gap) : (_mainView.x = 0);            }];        }    }}@end

 

細節