(一) 布置UITableview

我們首先要通過設置UITableview的內容偏移?self.tableView.contentInset

來為圖片視圖留出位置，這里我們的圖片高度暫定為280

const CGFloat contentInset = 280;@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>@property (nonatomic, strong) UITableView *tableView;@property (nonatomic, strong) UIImageView *imageView;@end

?

簡單地創建一個tableView

self.tableView = [[UITableView alloc] initWithFrame:self.view.bounds];_tableView.delegate = self;_tableView.dataSource = self;[self.view addSubview:_tableView];self.tableView.contentInset = UIEdgeInsetsMake(contentInset , 0, 0, 0);

?

(二) 布置圖片

self.imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, - contentInset, self.view.bounds.size.width, contentInset)];_imageView.image = [UIImage imageNamed:@"image01.jpg"];[self.tableView addSubview:_imageView];_imageView.contentMode = UIViewContentModeScaleAspectFill;_imageView.clipsToBounds = YES;

?

(三) 拖動事件的處理

我們都知道，UITableview屬于可以滑動的控件，所以它的父類是UIScrollView，所以我們就可以在滑動事件中做出一些處理。
在滑動的時候，一旦判定是下拉狀態,那么我們就要動態的改變圖片的縱向位置和圖片的高度（由于設置了contentMode，所以寬度自己會變化），最終實現所需要的效果。
代碼如下

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {CGPoint point = scrollView.contentOffset;if (point.y < - contentInset) {CGRect rect = self.imageView.frame;rect.origin.y = point.y;rect.size.height = - point.y;self.imageView.frame = rect;}}

由于contentInset預設置的大小不同,可能會出現圖片先下拉再放大和立即放大的兩種效果.

轉載于:https://www.cnblogs.com/HJQ2016/p/6005932.html

總結

以上是生活随笔為你收集整理的第六十七篇、OC_UITableView head下拉图片放大的效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。