美文网首页iOSios开发iOS Developer
iOS tableView视图下拉拉伸效果

iOS tableView视图下拉拉伸效果

作者: JustFavor | 来源:发表于2015-12-31 20:50 被阅读3227次

、、、

//在延展中声明一个属性

@property (nonatomic, strong) UIImageView *headerImageView;

// viewDidLoad里面不需要要写太多东西,像一般的UI 布局最好拿出来封装在外部,这个里面的内容经量简洁明了。

- (void)viewDidLoad {

[super viewDidLoad];

[self layoutHeaderImageView];

}

// 配置tableView header UI布局

- (void)layoutHeaderImageView {

UIView *headerView = [[UIView alloc] initWithFrame:(CGRectMake(0, 0, self.view.frame.size.width, 200))];

self.headerImageView = [[UIImageView alloc] initWithFrame:(CGRectMake(0, 0, self.view.frame.size.width, 200))];

self.headerImageView.image  = [UIImage imageNamed:@"1414714589213179.jpg"]; // 自己选择的图片

[headerView addSubview:self.headerImageView];

self.tableView.tableHeaderView = headerView;

}

// 下拉后图片拉伸的效果方法下载这个里面

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {

CGFloat width = self.view.frame.size.width; // 图片宽度

CGFloat yOffset = scrollView.contentOffset.y;  // 偏移的y值

if (yOffset < 0) {

CGFloat totalOffset = 200 + ABS(yOffset);

CGFloat f = totalOffset / 200;

self.headerImageView.frame =  CGRectMake(- (width * f - width) / 2, yOffset, width * f, totalOffset); //拉伸后的图片的frame应该是同比例缩放。

}

}

、、、

相关文章

网友评论

  • 花前月下:简书设置里面 可以设置编辑模式为markDown 然后如果不会用markDown语法编辑,可以查一下语法的使用,挺简单的。 设置编辑模式为markDown以后,后续创建的文章才可以用markDown来编辑。还可以边编辑边预览效果。 挺棒的。
  • JustFavor:地下不知道怎么写成代码的那种样式 :sweat:
    JustFavor:@0o冻僵的企鹅o0 谢谢
    0o冻僵的企鹅o0:@JustFavor 用markdown

本文标题:iOS tableView视图下拉拉伸效果

本文链接:https://www.haomeiwen.com/subject/eztwhttx.html