最近无意中看到很多App中都会有这么一个功能. 所以就搜罗了很多实现方法和代码.经过总结之后,主要核心的代码我就直接贴出来吧,很好理解的.

非常实用并且好实现的功能,仅需几行代码.废话不多说.

展示:

实现:

创建表视图和头视图.

-(void)creatViews{ //创建表视图 self.tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight) style:UITableViewStylePlain]; self.tableView.delegate = self; self.tableView.dataSource = self; //注册一下cell. [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"]; //初始化头视图和图片 self.headView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, 200)]; self.imageView = [[UIImageView alloc]initWithFrame:self.headView.bounds]; self.imageView.image = [UIImage imageNamed:@"pic.jpg"]; self.imageView.contentMode = UIViewContentModeScaleToFill;//这行代码是比较关键的地方.UIView的排布格式. //超出的部分减掉隐藏. 可不写. self.imageView.clipsToBounds = YES; //添加图片 [self.headView addSubview:self.imageView]; self.tableView.tableHeaderView = self.headView; [self.view addSubview:self.tableView]; }

接下来这段代码可以说是这个功能的主要核心.

我来解释一下: 就是在scrollviewDidScroll这个方法中来重设图片的位置.通过时时改变的offset来实现frame的变化.图中已经写得很清楚了,就不赘述了.

好了.就是这么简单.