背景
实现类似如下效果：
效果图
分析
首先添加手势：
UIPanGestureRecognizer *gesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGestureRecognized:)];
gesture.delegate = self;
[self.tableView addGestureRecognizer:gesture];
将手势添加到 TableView 上。
// 1.手势开始时:记录 sourceVC.view 原始的 origin , 必须作为属性记录,移动过程才能顺畅,不然卡顿
if (recognizer.state == UIGestureRecognizerStateBegan) {
self.containerOrigin = recognizer.view.frame.origin;
}
然后，我们写回调方法如下：
- (void)panGestureRecognized:(UIPanGestureRecognizer *)recognizer {
//手势滑动中
if (recognizer.state == UIGestureRecognizerStateBegan) {
}
//手势滑动中
if (recognizer.state == UIGestureRecognizerStateChanged) {
}
//手势结束
if (recognizer.state == UIGestureRecognizerStateEnded) {
}
}
另外 我们需要判断，当前手势滑动的方向：
if ([recognizer velocityInView:self.view].y < 0) {
NSLog(@"向上");
} else {
NSLog(@"向下");
}
我们需要在手势的状态为 UIGestureRecognizerStateChanged 状态时进行改变 TableView 的 frame来达到更新 TableView 的位置的目的，代码如下：
if (recognizer.state == UIGestureRecognizerStateChanged) {
if ([recognizer velocityInView:self.view].y > 0 && self.tableView.contentOffset.y > 0) {
NSLog(@"向下");
} else {
CGRect frame = recognizer.view.frame;
frame.origin.y = self.containerOrigin.y + point.y;
if (frame.origin.y < 0) { // 上边界
frame.origin.y = 0;
}
if (frame.origin.y > SCREEN_HEIGHT - STATUSANDNAVIGATIONBAR_HEIGHT - 65) { // 下边界
frame.origin.y = SCREEN_HEIGHT - STATUSANDNAVIGATIONBAR_HEIGHT - 65;
}
frame.size.height = self.aiWaybillsTableView.contentSize.height > ([UIScreen height] - kHeightStatusBarAndNavigationBar) ? ([UIScreen height] - kHeightStatusBarAndNavigationBar) : self.aiWaybillsTableView.contentSize.height;
//动态设置 tableview 的 frame
recognizer.view.frame = frame;
}
}
如果需要在移动 TableView 的同时改变背景色的透明度，可以在这里添加如下代码：
if (frame.origin.y > 0) {
CGFloat currentAlpha = - 0.7f / kOriginYTableView * self.aiWaybillsTableView.frame.origin.y + 0.7f ;
self.backgroundAlphaViewForNavi.alpha = currentAlpha > 0 ? currentAlpha : 0;
self.backgroundAlphaViewForView.alpha = currentAlpha > 0 ? currentAlpha : 0;
} else if (frame.origin.y <= 0) {
self.backgroundAlphaViewForView.alpha = 0.7;
}
下面，关键的代码来了：
我们虽然捕获了 Pan 手势的各种状态，但却不能解决手势冲突的问题。因为我们需要 TableView 有时候能滑动，有时候又不需要滑动。这个时候这个代理方法可以满足我们的需求：
// 实现UIGestureRecognizerDelegate代理方法 , 返回YES表示支持多个手势同时触发，否则不允许多个手势同时触发
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{
CGPoint vel = [tabView.panGestureRecognizer velocityInView:self.view];
if (vel.y > 0) {
NSLog(@"向下==");
//下拉过程中，如果他的content offset 大于0 ，说明正在滑动，就可以多手势
if (tabView.contentOffset.y > 0) {
return YES;
}
} else {
NSLog(@"向上");
// 上拉
if (tabView.frame.origin.y == 0 || tabView.contentOffset.y > 0) {
return YES;
}
}
return NO;
}
如上，代码的含义很好理解：当 TableView 下拉，并且已经拉到头 （contentOffset.y == 0）则说明 TableView 可以不用滑动了，只需要外部的视图进行滑动。反之也是一样。
干货时间
demo已经写好，大家可以领取：
https://github.com/zjh171/PangestureDemo
