简单的拖动手势控制侧拉view显示
通过 UIPanGestureRecognizer 手势来控制侧拉view的显示
在QHLViewController.m文件中,先添加一些宏定义和参数等等。
#define QHLAnimatingDuration 0.5 #define QHLMainViewMaxOffsetX 250 #define QHLLeftViewOriginX -50 typedef enum{ QHLViewControllerStateClosed = 0, QHLViewControllerStateOpening, QHLViewControllerStateOpened, QHLViewControllerStateClosing }QHLViewControllerState; @interface QHLViewController ()<UITableViewDataSource> @property (nonatomic, assign) CGPoint point; @property (nonatomic, assign) CGPoint location; @property (nonatomic, strong) UIView *leftV; @property (nonatomic, strong) UIView *mainV; @property (nonatomic, strong) UITapGestureRecognizer *tapGesTureR; @property (nonatomic, strong) UIPanGestureRecognizer *panGesTureR; @property (nonatomic, assign) QHLViewControllerState state; @end
在viewWillAppear:(BOOL)animated方法中，创建需要的leftV和mainV这两个view
- (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; //创建并设置leftV的属性 UITableView *leftV = [[UITableView alloc] initWithFrame:CGRectMake(QHLLeftViewOriginX, 0, self.view.bounds.size.width, self.view.bounds.size.height)]; leftV.backgroundColor = [UIColor whiteColor]; leftV.dataSource = self; self.leftV = leftV; [self.view addSubview:leftV]; //创建并设置mainView的属性 UIView *mainV = [[UIView alloc] initWithFrame:self.view.bounds]; mainV.backgroundColor = [UIColor purpleColor]; self.mainV = mainV; [self.view addSubview:mainV]; }
在viewDidLoad中先设置自身的状态为关闭,创建拖动和点击的手势,并且先添加拖动手势到控制器
- (void)viewDidLoad { [super viewDidLoad]; //设置默认状态下自身控制器的state状态 self.state = QHLViewControllerStateClosed; //添加拖动手势 self.panGesTureR = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(observePanGestureRecognizer:)]; [self.view addGestureRecognizer:self.panGesTureR]; //设置点击手势 self.tapGesTureR =[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(observeTapGesTureRecognizer:)]; }
根据手势的不同状态来实现手势的触发方法,在不同手势状态下,给自身设置不同的state。
/** * 拖动手势的实现方法 */ - (void)observePanGestureRecognizer:(UIPanGestureRecognizer *)panGestureRecognizer { //获取当前拖动手势的状态 UIGestureRecognizerState state = panGestureRecognizer.state; CGPoint location = [panGestureRecognizer locationInView:self.view]; //位置 CGRect main = self.mainV.frame; CGRect left = self.leftV.frame; switch (state) { //手势开始时候 case UIGestureRecognizerStateBegan: //获取开始位置的point self.point = location; //根据手势触发之前的自身状态来设置现在的状态 if (self.state == QHLViewControllerStateClosed) { self.state = QHLViewControllerStateOpening; //opening } else { self.state = QHLViewControllerStateClosing; //closing } break; //手势变化时候 case UIGestureRecognizerStateChanged: { //偏移量x CGFloat offsetX = 0; //下面2种情况,offsetX都是大于等于0的 if (self.state == QHLViewControllerStateOpening) { //此时自身状态只有QHLViewControllerStateOpening和QHLViewControllerStateClosing offsetX = location.x - self.point.x; } else { offsetX = QHLMainViewMaxOffsetX - (self.point.x - location.x); } if (offsetX > QHLMainViewMaxOffsetX) { left.origin.x = 0; main.origin.x = QHLMainViewMaxOffsetX; } else if (offsetX < 0) { left.origin.x = QHLLeftViewOriginX; main.origin.x = 0; }else { main.origin.x = offsetX; left.origin.x = QHLLeftViewOriginX - offsetX * QHLLeftViewOriginX / QHLMainViewMaxOffsetX; } self.mainV.frame = main; self.leftV.frame = left; break; } //手势结束时候 case UIGestureRecognizerStateEnded: { //结束之前的那一刻,只会有2种状态 QHLViewControllerStateOpening 和 QHLViewControllerStateClosing CGFloat endX = main.origin.x; if (self.state == QHLViewControllerStateOpening) { // x 取值 >= 0 if (endX == QHLMainViewMaxOffsetX) { // 结束时候的 x 取最大值 self.state = QHLViewControllerStateOpened; } else if (endX > QHLMainViewMaxOffsetX / 2) { // 结束时候的 x 大于 最大值的 1/2 [self animatingOpen]; } else { // 结束时候的 x 小于 最大值的 1/2 [self animatingClose]; } } else { // x 取值 0 ~ 250 if (endX > QHLMainViewMaxOffsetX / 2) { [self animatingOpen]; } else { [self animatingClose]; } } break; } } }
点击手势要等mainV偏移量达到最大的时候才添加进去！！！
/** * 点击手势的实现方法 */ - (void)observeTapGesTureRecognizer:(UITapGestureRecognizer *)tapGestureRecognizer { [UIView animateWithDuration:QHLAnimatingDuration animations:^{ self.mainV.frame = [UIScreen mainScreen].bounds; self.leftV.frame = CGRectMake(QHLLeftViewOriginX, 0, self.view.frame.size.width, self.view.frame.size.height); } completion:^(BOOL finished) { self.state = QHLViewControllerStateClosed; }]; }
当mainV的偏移量达到一定要求后就会调用下面2个方法
当以动画形式打开 在完成时候,添加点击手势
当以动画形式关闭 在完成时候,移除点击手势
/** * 以动画形式打开 */ - (void)animatingOpen { CGRect main = self.mainV.frame; [UIView animateWithDuration:0.5 delay:0 usingSpringWithDamping:0.7 initialSpringVelocity:0.7 options:UIViewAnimationOptionAllowAnimatedContent animations:^{ self.mainV.frame = CGRectMake(QHLMainViewMaxOffsetX, 0, main.size.width, main.size.height); self.leftV.frame = self.view.bounds; } completion:^(BOOL finished) { //设置state状态 self.state = QHLViewControllerStateOpened; //添加点击手势 [self.mainV addGestureRecognizer:self.tapGesTureR]; }]; } /** * 以动画形式关闭 */ - (void)animatingClose { CGRect main = self.mainV.frame; [UIView animateWithDuration:0.5 delay:0 usingSpringWithDamping:1.0 initialSpringVelocity:0.7 options:UIViewAnimationOptionAllowAnimatedContent animations:^{ self.mainV.frame = self.view.bounds; self.leftV.frame =CGRectMake(QHLLeftViewOriginX, 0, main.size.width, main.size.height); } completion:^(BOOL finished) { //设置state状态 self.state = QHLViewControllerStateClosed; //移除点击手势 [self.mainV removeGestureRecognizer:self.tapGesTureR]; }]; }
侧拉leftV的dataSource方法
#pragma mark - table view delegate & data source - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 5; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *ID = @"cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID]; if (!cell) { cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID]; } cell.textLabel.text = [NSString stringWithFormat:@"Message - %ld",(long)indexPath.row]; return cell; }
对于QQ左上角按钮点击之后弹出的设置页面 导航控制器的bar和底部的tabBar会跟随着移动，有知道的大牛给点思路！！！！
渣渣已经脑细胞死光了v_v
