上篇文章我是用contentInset做的,于是乎我上网查了各路大神的做法发现万变不离其宗,最后都是通过控制imageView的位置和大小来实现的,因为headerView的x和y是固定的所以用headerView做也是控制imageView的属性。
自定义xib返回给tableview的tableHeaderView
+ (instancetype)headerView {
BWHeaderView *header = [[NSBundle mainBundle] loadNibNamed:@"BWHeaderView" owner:nil options:nil].lastObject;
//控制图片大小用的(用于解决图片填充模式带来的问题)
UIImage *newImage = [header originImage:header.iconview.image scaleToSize:CGSizeMake(375, 200)];
header.iconview.image = newImage;
return header;
}
为控制器提供一个方法,固定图片位置,并使其伸缩。
- (void)scrollerChangeImageWithoffsetY:(CGFloat)offsetY {
if (offsetY < 0) {
CGRect iconF = self.iconview.frame;
iconF.origin.y = offsetY;
iconF.size.height = -offsetY+200;
self.iconview.frame = iconF;
}
}
用这种方法实现headerView的作用就是图片的容器,这样就不用控制contentInsert的属性了,虽然图片拉大的过程中headerView的大小和位置不变但是imageView把它挡住了,用户是看不到的,所以也不失是一个好方法,由于原理和我上一篇文章tableView下拉图片变大的实现过程<一>一样所以就不做过多的阐述了,源码请见github(下载的时候可以点下星星谢谢)。
用headerView还可以通过约束做
设置距离下,左右为0,高度为200,连线到自定义headerView中
布局属性
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *imageViewHeight;
只改变高度就可以了
- (void)scrollerChangeImageWithoffsetY:(CGFloat)offsetY {
if (offsetY < 0) {
//200为约束的初始值,看你想要让图片的高度为多少了
self.imageViewHeight.constant = -offsetY+200;
}
}
自动布局源码,如果你有更好的想法请联系我,我将实时更新~~