tableView下拉图片变大的实现过程<二>

上篇文章我是用contentInset做的,于是乎我上网查了各路大神的做法发现万变不离其宗，最后都是通过控制imageView的位置和大小来实现的，因为headerView的x和y是固定的所以用headerView做也是控制imageView的属性。

screenshot.png

自定义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中

Snip20160418_3.png

布局属性

@property (weak, nonatomic) IBOutlet NSLayoutConstraint *imageViewHeight;

只改变高度就可以了

- (void)scrollerChangeImageWithoffsetY:(CGFloat)offsetY {
    if (offsetY < 0) {
//200为约束的初始值，看你想要让图片的高度为多少了
        self.imageViewHeight.constant = -offsetY+200;
    }
    
}

自动布局源码，如果你有更好的想法请联系我，我将实时更新~~