美文网首页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