TableView添加按鈕滑動與花樣滑動

最近項目中需要做視頻列表和視頻詳情頁面,本以為很快就能寫完,沒想到這里邊還有不少坑。

視頻列表頁面cell上添加button,button顯示視頻首幀圖片,點擊button進入視頻詳情頁面并播放視頻。列表頁似乎沒什么問題,但是測試之后發現有問題:1、長按button后tableview不能滑動,2、快速點擊button時沒有點擊效果。

一、解決長按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才行。

關于delaysContentTouchescanCancelContentTouches屬性的說明,可以參考《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
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,466評論 25 708
  • 這一周我們一直都在書店看書,練琴,所以就沒去哪玩。我們在喜悅書吧看書,我們看得津津有味。我喜歡這種感覺!這一周我收...
    小海why閱讀 353評論 0 4
  • 拉(Ra,有時拼作Re或Rah,也稱作Atum阿托姆)是古埃及赫里奧波里斯(Heliopolis)的太陽神.從第五...
    有個露娜閱讀 2,245評論 0 0
  • 【原文】 5·5 或曰:“雍(1)也仁而不佞(2)。”子曰:“焉用佞?御人以口給(3),屢憎于人,不知其仁(4)。...
    張MAX閱讀 554評論 0 0