iOS-tableView的头部拉伸效果

作者: iixzp | 来源:发表于2019-05-15 15:48 被阅读0次

添加头视图

1 先把imageview添加在tableview上，注意大小位置，-150
_headImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"head_bg.jpg"]];
    _headImageView.frame = CGRectMake(0, -150, 320, 150);
[_tableView addSubview: _headImageView];

调整tableView的contentInset

2 设置tableview的contentInset，向下移动150
_tableView.contentInset = UIEdgeInsetsMake(150, 0, 0, 0);

拉伸

3 scrollview的代理，获取contentoffset，然后从新设置imageview的frame
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    //获取当前活动的tableview
    CGFloat  y = scrollView.contentOffset.y;
    if (scrollView == _tableView) {
        if (y < -150) {
            CGRect frame = _headImageView.frame;
            frame.size.height =  - y ;
            frame.origin.y = y;
            _headImageView.frame = frame;
        }
    }
}