UITableView的表头的拉伸效果

最新推荐文章于 2023-11-21 14:28:33 发布

原创最新推荐文章于 2023-11-21 14:28:33 发布 · 745 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#UITableView的表头的拉伸效果

收录于

UITableView知识专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何在iOS开发中实现UITableView表头的拉伸效果。首先将UIImageView添加到tableview，设置好初始位置和大小；接着调整tableview的contentInset使其内容下移；最后实现scrollview的代理方法，根据contentOffset动态改变imageview的frame，从而达到表头拉伸的视觉效果。

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

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 = _heroBigImageView.frame;
            frame.size.height =  - y ;
            frame.origin.y = y;
            _heroBigImageView.frame = frame;
        }
    }
}