视频列表页面cell上添加button，button显示视频首帧图片，点击button进入视频详情页面并播放视频。列表页似乎没什么问题，但是测试之后发现有问题：1、长按button后tableview不能滑动，2、快速点击button时没有点击效果，3、如果从button开始拖动tableivew不能滑动。
一、解决长按button后tableview不能滑动
自定义tableview，先设置
canCancelContentTouches
属性为YES，不过它默认就是YES，所以一般情况下不用再去设置，然后重写自定义tableview的
- (BOOL)touchesShouldCancelInContentView:(UIView *)view
方法，直接返回YES即可。
说明：
canCancelContentTouches
字面意思是“可以取消内容触摸”，设置为YES之后，如果用户点击到一个控件然后手指发生了移动，这时系统会调用
- (BOOL)touchesShouldCancelInContentView:(UIView *)view
判断是否取消控件的点击事件，转而让scrollview响应滑动事件。
二、解决快速点击button时没有点击效果
设置
delaysContentTouches
为NO，并且在自定义的tableview中找到UITableViewWrapperView，也将它的
delaysContentTouches
设置为NO。
可以使用以下方法找到UITableViewWrapperView：
for (id view in self.subviews) {
if ([NSStringFromClass([view class]) isEqualToString:@"UITableViewWrapperView"]) {
if([view isKindOfClass:[UIScrollView class]]) {
UIScrollView *scroll = (UIScrollView *)view;
scroll.delaysContentTouches = NO;
}
break;
}
}
说明：
delaysContentTouches
默认也是YES，用户点击scrollview时系统会等待一下，监听用户手指是否滑动，如果滑动则让scrollview响应滑动事件，否则让控件响应点击事件。
由于UITableView上还有个子控件UITableViewWrapperView，所以要把这两个scrollview的
delaysContentTouches
都设置为NO才行。
三、解决从button开始拖动tableivew不能滑动
在tableview中，重载方法 touchesShouldCancelInContentView: ，像下面这样，就可以实现从button开始可以滑动tableview。
– (BOOL)touchesShouldCancelInContentView:(UIView *)view
{
if ([view isKindOfClass:[UIButton class]]) {
return YES;
}
return [super touchesShouldCancelInContentView:view];
}
但发现这种方法在iOS11以下的系统，会导致button的点击没有高亮态了。所以还需要在tableview的 init: 或者 initWithFrame: 中，加几行代码：
– (id)initWithFrame:(CGRect)frame {
if (self = [super initWithFrame:frame style:UITableViewStylePlain]) {
for (id view in self.subviews) {
if ([view isKindOfClass:[UIScrollView class]]) {
UIScrollView *scrollView = (UIScrollView *) view;
scrollView.delaysContentTouches = NO;
}
}
}
return self;
}
说明：
UIScrollView中的 delaysContentTouches 属性。
苹果官方的文档解释：default is YES. if NO, we immediately call -touchesShouldBegin:withEvent:inContentView:. this has no effect on presses
delaysContentTouches 默认值为YES，即UIScrollView会在接受到手势是延迟150ms来判断该手势是否能触发UIScrollView的滑动事件；反之值为NO时，UIScrollView会立马将接受到的手势分发到子视图上。
只是将 delaysContentTouches 设置为NO还不够，因为这样的话你想要拖动UIScrollView而起点落在替他有手势识别的视图上是会拖不动的。 于是我们要重载 touchesShouldCancelInContentView，此方法决定手势是否取消传递到View上，拖动UIScrollView是触发。返回NO时，拖动手势将留在UIScrollView上；返回YES时，则传到View上。
关于
delaysContentTouches
与
canCancelContentTouches
属性的说明，可以参考
《UIScrollView的delaysContentTouches与canCencelContentTouches属性》
以上就是tableview上按钮与滑动手势冲突的解决办法，下面说一下花样滑动，先看下效果图：
8.gif
做之前查了不少博客，基本都是imageview放在self.view上，往上滑动tableview时改变imageview的Y坐标值。
这种方法有一定的局限性，如果用户滑动imageview是没有效果的，因为imageview在self.view上放着，滑动事件不会自动传给tableview，想要传递的话还得重写父视图的hitTest方法，并且之后的处理也非常麻烦。
所以我就把imageview放在了tableview上，往上滑动时不需要处理，让它跟随tableview一直滑动就行了，往下滑动到达临界点时，把它从tableview上取下，放到self.view上。代码如下：
#import "ViewController.h"
@interface ViewController () <UITableViewDelegate, UITableViewDataSource>
@property (nonatomic, strong) UITableView *tableView;
@property (nonatomic, strong) UIImageView *topImg;
@property (nonatomic, assign) NSInteger rowNum;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
self.rowNum = 0;
[self setUI];
}
- (void)setUI{
[self.view addSubview:self.tableView];
[self.tableView addSubview:self.topImg];
self.tableView.frame = self.view.bounds;
self.topImg.frame = CGRectMake(0, -200, [UIScreen mainScreen].bounds.size.width, 200);
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
self.rowNum = 20;
[self.tableView reloadData];
});
}
#pragma mark - tableView delegate
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
return self.rowNum;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
if (!cell) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
cell.selectionStyle = UITableViewCellSelectionStyleNone;
}
cell.textLabel.text = [NSString stringWithFormat:@"这是第%td行",indexPath.row];
return cell;
}
#pragma mark - scrollview delegate
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
CGFloat offsetY = scrollView.contentOffset.y;
if (offsetY >= -200) {
CGRect frame = CGRectMake(0, -200, self.topImg.bounds.size.width, self.topImg.bounds.size.height);
self.topImg.frame = frame;
} else {
CGRect frame = CGRectMake(0, offsetY, self.topImg.bounds.size.width, self.topImg.bounds.size.height);
self.topImg.frame = frame;
}
}
#pragma mark - actions
- (void)tap {
NSLog(@"点击图片");
}
#pragma mark - lazy load
- (UIImageView *)topImg {
if (!_topImg) {
_topImg = [UIImageView new];
_topImg.contentMode = UIViewContentModeScaleAspectFill;
_topImg.layer.masksToBounds = YES;
_topImg.image = [UIImage imageNamed:@"videoimg"];
_topImg.userInteractionEnabled = YES;
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tap)];
[_topImg addGestureRecognizer:tap];
}
return _topImg;
}
- (UITableView *)tableView {
if (!_tableView) {
_tableView = [UITableView new];
_tableView.dataSource = self;
_tableView.delegate = self;
_tableView.rowHeight = 50;
_tableView.delaysContentTouches = NO;
// 内容偏移量
_tableView.contentInset = UIEdgeInsetsMake(200, 0, 0, 0);
// 滚动条偏移量
_tableView.scrollIndicatorInsets = UIEdgeInsetsMake(200, 0, 0, 0);
}
return _tableView;
}
@end