这个实现很简单,只需要两个东西,分别是tableView和imageView;
先定义这两个东西:
@property (strong, nonatomic)UITableView *tableView;
@property (strong, nonatomic)UIImageView *topImageView;
接着就是对这两个东西进行初始化
self.tableView = [[UITableView alloc] initWithFrame:self.view.frame style:UITableViewStylePlain];
self.tableView.delegate = self;
self.tableView.dataSource = self;
self.tableView.contentInset = UIEdgeInsetsMake(topImageViewH * 0.5, 0, 0, 0);
[self.view addSubview:self.tableView];
self.topImageView = [[UIImageView alloc] init];
self.topImageView.image = [UIImage imageNamed:@"huba"];
self.topImageView.frame = CGRectMake(0, -topImageViewH, screenSize.width, topImageViewH);
self.topImageView.contentMode = UIViewContentModeScaleAspectFill;
[self.tableView insertSubview:self.topImageView atIndex:0];
差不多了,大概的样子出来了,接下来实现放大的部分,重点在这里!
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
CGFloat down = - scrollView.contentOffset.y -(topImageViewH * 0.5);
if (down < 0) {
down = 0;
}
CGRect frame = self.topImageView.frame;
frame.size.height = down + topImageViewH;
self.topImageView.frame = frame;
}
这个函数是滚动的时候会调用,准确的说是用户拖动导致content offset改变的时候就会调用;
当调用的时候重新设置图片的frame,这样就有放大的效果了。
效果如下: