最近感覺UITableview頭部帶有圖片轩性，并且下拉時(shí)圖片放大這種效果非常炫酷契吉，所以動(dòng)手實(shí)現(xiàn)了一下，效果如下圖：
實(shí)現(xiàn)原理很簡單留美，就是在UITableview上邊添加一個(gè)圖片子視圖拇颅，在tableview拖動(dòng)的時(shí)候動(dòng)態(tài)的改變圖片的frame奏司，就可以實(shí)現(xiàn)這個(gè)效果。
步驟如下：
1. 布置UITableview
UITableview的設(shè)置和正常一樣樟插，沒有什么需要注意的地方韵洋，我這里是直接在storyboard里面拖的，代碼如下：
@property (weak, nonatomic) IBOutlet UITableView *tableView;
self.tableView.delegate = self;
self.tableView.dataSource = self;
[self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell_id"];
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
return 1;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return 30;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell_id" forIndexPath:indexPath];
cell.textLabel.text = [NSString stringWithFormat:@"%ld--%ld", indexPath.section, indexPath.row];
return cell;
}
2. 布置圖片
布置圖片的時(shí)候黄锤，我們首先要通過設(shè)置UITableview的內(nèi)容偏移來為圖片視圖留出位置搪缨，這里我們的圖片高度暫定為200。
self.tableView.contentInset = UIEdgeInsetsMake(kHEIGHT, 0, 0, 0);
接下來就是布置圖片鸵熟，圖片要放在內(nèi)容視圖之上副编，所以圖片的縱向位置應(yīng)該為負(fù)。
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, -kHEIGHT, [UIScreen mainScreen].bounds.size.width, kHEIGHT)];
imageView.image = [UIImage imageNamed:@"IMG_0767.JPG"];
imageView.contentMode = UIViewContentModeScaleAspectFill;
imageView.tag = 101;
[self.tableView addSubview:imageView];
需要注意的是流强，圖片的** contentMode 必須設(shè)置為 UIViewContentModeScaleAspectFill ** 痹届， 這樣才能保證圖片在放大的過程中高和寬是同時(shí)放大的。
3. 拖動(dòng)事件的處理
我們都知道，UITableview屬于可以滑動(dòng)的控件，所以它的父類是UIScrollView犀斋，所以我們就可以在滑動(dòng)事件中做出一些處理。
在滑動(dòng)的時(shí)候柴淘，一旦判定是下拉狀態(tài)并且是從大于圖片高度的地方下拉的，那么我們就要?jiǎng)討B(tài)的改變圖片的縱向位置和圖片的高度（由于設(shè)置了contentMode，所以寬度自己會(huì)變化）悠就，最終實(shí)現(xiàn)所需要的效果千绪。
代碼如下：
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
CGPoint point = scrollView.contentOffset;
if (point.y < -kHEIGHT) {
CGRect rect = [self.tableView viewWithTag:101].frame;
rect.origin.y = point.y;
rect.size.height = -point.y;
[self.tableView viewWithTag:101].frame = rect;
}
}
