最近項(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