最近項(xiàng)目中需要做視頻列表和視頻詳情頁(yè)面红淡，本以為很快就能寫(xiě)完，沒(méi)想到這里邊還有不少坑降铸。

視頻列表頁(yè)面cell上添加button锉屈，button顯示視頻首幀圖片，點(diǎn)擊button進(jìn)入視頻詳情頁(yè)面并播放視頻垮耳。列表頁(yè)似乎沒(méi)什么問(wèn)題，但是測(cè)試之后發(fā)現(xiàn)有問(wèn)題：1遂黍、長(zhǎng)按button后tableview不能滑動(dòng)终佛，2、快速點(diǎn)擊button時(shí)沒(méi)有點(diǎn)擊效果雾家。

一铃彰、解決長(zhǎng)按button后tableview不能滑動(dòng)

自定義tableview，先設(shè)置canCancelContentTouches屬性為YES芯咧，不過(guò)它默認(rèn)就是YES牙捉，所以一般情況下不用再去設(shè)置竹揍，然后重寫(xiě)自定義tableview的
- (BOOL)touchesShouldCancelInContentView:(UIView *)view方法，直接返回YES即可邪铲。

說(shuō)明：canCancelContentTouches字面意思是“可以取消內(nèi)容觸摸”芬位，設(shè)置為YES之后，如果用戶點(diǎn)擊到一個(gè)控件然后手指發(fā)生了移動(dòng)带到，這時(shí)系統(tǒng)會(huì)調(diào)用
- (BOOL)touchesShouldCancelInContentView:(UIView *)view判斷是否取消控件的點(diǎn)擊事件昧碉，轉(zhuǎn)而讓scrollview響應(yīng)滑動(dòng)事件。

二揽惹、解決快速點(diǎn)擊button時(shí)沒(méi)有點(diǎn)擊效果

設(shè)置delaysContentTouches為NO被饿，并且在自定義的tableview中找到UITableViewWrapperView，也將它的delaysContentTouches設(shè)置為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;
    }
}

說(shuō)明：delaysContentTouches默認(rèn)也是YES狭握，用戶點(diǎn)擊scrollview時(shí)系統(tǒng)會(huì)等待一下，監(jiān)聽(tīng)用戶手指是否滑動(dòng)疯溺，如果滑動(dòng)則讓scrollview響應(yīng)滑動(dòng)事件论颅，否則讓控件響應(yīng)點(diǎn)擊事件。
由于UITableView上還有個(gè)子控件UITableViewWrapperView喝检，所以要把這兩個(gè)scrollview的delaysContentTouches都設(shè)置為NO才行嗅辣。

關(guān)于delaysContentTouches與canCancelContentTouches屬性的說(shuō)明，可以參考《UIScrollView的delaysContentTouches與canCencelContentTouches屬性》

以上就是tableview上按鈕與滑動(dòng)手勢(shì)沖突的解決辦法挠说，下面說(shuō)一下花樣滑動(dòng)澡谭，先看下效果圖：

8.gif

做之前查了不少博客，基本都是imageview放在self.view上损俭，往上滑動(dòng)tableview時(shí)改變imageview的Y坐標(biāo)值蛙奖。

這種方法有一定的局限性，如果用戶滑動(dòng)imageview是沒(méi)有效果的杆兵，因?yàn)閕mageview在self.view上放著雁仲，滑動(dòng)事件不會(huì)自動(dòng)傳給tableview，想要傳遞的話還得重寫(xiě)父視圖的hitTest方法琐脏，并且之后的處理也非常麻煩攒砖。

所以我就把imageview放在了tableview上，往上滑動(dòng)時(shí)不需要處理日裙，讓它跟隨tableview一直滑動(dòng)就行了吹艇，往下滑動(dòng)到達(dá)臨界點(diǎn)時(shí)，把它從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(@"點(diǎn)擊圖片");
}

#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;
        // 內(nèi)容偏移量
        _tableView.contentInset = UIEdgeInsetsMake(200, 0, 0, 0);
        // 滾動(dòng)條偏移量
        _tableView.scrollIndicatorInsets = UIEdgeInsetsMake(200, 0, 0, 0);
    }
    return _tableView;
}

@end