iOS 下拉放大头像效果

iOS中有一些应用在有关“我的“界面展示的时候，会发现有一下是下拉放大头像的效果，这样的话用户的体验就更好，其实下拉头像放大实现并不难，下面就直接用代码的方式简单介绍一下，

1、我用的是tableView来展示的，同学们可以根据自己的需求完善，先粘上效果图，



效果就是在拖动tableView的时候，头像会下拉放大，

(1)拿到头像

@property (nonatomic, retain) UIImageView *topView; // 拿到头像

(2)添加头像

UIImageView *imageView = [[UIImageView alloc] init];
imageView.image = [UIImage imageNamed:@"chat_p"];
imageView.frame = CGRectMake(0, -TopViewH, self.view.frame.size.width, TopViewH); // #define TopViewH 300
imageView.contentMode = UIViewContentModeScaleAspectFill;
[self.tableView insertSubview:imageView atIndex:0];
self.topView = imageView;

(3)设置tableView内边距

self.tableView.contentInset = UIEdgeInsetsMake(150, 0, 0, 0);

tableView的数据源就省略了。

（4）检测tableView的滚动，最主要的一部分

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{

if (scrollView.contentOffset.y >= 0) {
CGRect frame  = self.topView.frame;
frame.origin.y = -TopViewH;
self.topView.frame = frame;
return;
}

// 向下拽了多少距离
CGFloat down = -(TopViewH*0.5) - scrollView.contentOffset.y;
CGRect frame  = self.topView.frame;
frame.size.height = TopViewH + down;
self.topView.frame = frame;

}

这样的话，简单的几步就可以完成头像下拉放大效果了。