iOS tableView实现下拉图片放大效果

这篇文章主要为大家详细介绍了iOS tableView实现下拉图片放大效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

这篇文章主要为大家详细介绍了iOS tableView实现下拉图片放大效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了iOS实现下拉图片放大效果展示的具体代码，供大家参考，具体内容如下

				?

									#import "ViewController.h"

									#define kScreenbounds [UIScreen mainScreen].bounds

									#define kScreenWidth [UIScreen mainScreen].bounds.size.width

									#define kScreenHeight [UIScreen mainScreen].bounds.size.height

									// 宏定义一个高度

									#define pictureHeight 200

									@interface ViewController ()<UITableViewDataSource, UITableViewDelegate>

									@property (nonatomic, strong) UITableView *tableView;

									@property (nonatomic, strong) UIImageView *pictureImageView;

									@property (nonatomic, strong) UIView *header;

									@end

									@implementation ViewController

									- (void)viewDidLoad {

									  [super viewDidLoad];

									  // Do any additional setup after loading the view, typically from a nib.

									  self.navigationItem.title = @"向下拉伸放大图片";

									  // 下面两个属性的设置是与translucent为NO,坐标变换的效果一样

									  self.edgesForExtendedLayout = UIRectEdgeNone;

									  self.automaticallyAdjustsScrollViewInsets = NO;

									  [self createTableView];

									}

									- (void)createTableView

									{

									  self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight - 64) style:UITableViewStylePlain];

									  _tableView.delegate = self;

									  _tableView.dataSource = self;

									  [_tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];

									  // 添加头视图 在头视图上添加ImageView

									  self.header = [[UIView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, pictureHeight)];

									  _pictureImageView = [[UIImageView alloc] initWithFrame:_header.bounds];

									  _pictureImageView.image = [UIImage imageNamed:@"picture"];

									  /* 

									   重要的属性设置

									   */

									  //这个属性的值决定了 当视图的几何形状变化时如何复用它的内容 这里用 UIViewContentModeScaleAspectFill 意思是保持内容高宽比 缩放内容 超出视图的部分内容会被裁减 填充UIView

									  _pictureImageView.contentMode = UIViewContentModeScaleAspectFill;

									  // 这个属性决定了子视图的显示范围 取值为YES时，剪裁超出父视图范围的子视图部分.这里就是裁剪了_pictureImageView超出_header范围的部分.

									  _pictureImageView.clipsToBounds = YES;

									  [_header addSubview:_pictureImageView];

									  self.tableView.tableHeaderView = _header;

									  [self.view addSubview:_tableView];

									}

									- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

									{

									  return 20;

									}

									- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

									{

									  UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];

									  cell.textLabel.text = @"向下拉我";

									  return cell;

									}

									- (void)scrollViewDidScroll:(UIScrollView *)scrollView

									{

									  /**

									   * 这里的偏移量是纵向从contentInset算起 则一开始偏移就是0 向下为负 上为正 下拉

									   */

									  // 获取到tableView偏移量

									  CGFloat Offset_y = scrollView.contentOffset.y;

									  // 下拉 纵向偏移量变小 变成负的

									    if ( Offset_y < 0) {

									      // 拉伸后图片的高度

									      CGFloat totalOffset = pictureHeight - Offset_y;

									      // 图片放大比例

									      CGFloat scale = totalOffset / pictureHeight;

									      CGFloat width = kScreenWidth;

									      // 拉伸后图片位置

									      _pictureImageView.frame = CGRectMake(-(width * scale - width) / 2, Offset_y, width * scale, totalOffset);

									    }

									}

									- (void)didReceiveMemoryWarning {

									  [super didReceiveMemoryWarning];

									  // Dispose of any resources that can be recreated.

									}

									@end