美文网首页
表头下拉拉伸效果

表头下拉拉伸效果

作者: MMOTE | 来源:发表于2017-05-16 18:23 被阅读0次

一个方法搞定表头拉伸效果

演示效果演示效果

自定义view,imageView附在view上,view做表头


viewdidLoad
static float headerHeght;   //图片高度
- (void)viewDidLoad {
    [super viewDidLoad];
    headerHeght = 100;
    self.automaticallyAdjustsScrollViewInsets = NO;
    _tab.delegate = self;
    _tab.dataSource = self;
    self.navigationItem.title = @"表头测试";
    // 表头自定义view
    UIView *headerVi = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, headerHeght)];
    // 填充表头imageView
    _headerIma = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, headerHeght)];
    _headerIma.image = [UIImage imageNamed:@"星空.jpeg"];
    [headerVi addSubview:_headerIma];
    _tab.tableHeaderView = headerVi;
    
}
滚动拉伸方法
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGFloat YOffset = scrollView.contentOffset.y;
    NSLog(@"%f",scrollView.contentOffset.y);
    CGFloat width = self.view.frame.size.width;
    if (YOffset < 0) {
        CGFloat allOffset = headerHeght + ABS(YOffset);
        CGFloat scale = allOffset / headerHeght ;
        self.headerIma.frame =  CGRectMake(- (width * scale - width) / 2, YOffset, width * scale, allOffset);
    }
}

相关文章

  • 表头下拉拉伸效果

    一个方法搞定表头拉伸效果 自定义view,imageView附在view上,view做表头 viewdidLoad...

  • Swift 下拉图片拉伸效果

    VC中添加要拉伸的ImageView 设置TabelView的contentInset的上边距为imageView...

  • iOS-tableview顶部拉伸效果(头像拉伸)

    例如探探个人信息界面拉伸效果,下拉头像放大 //// PersonController.m// Spread///...

  • Runtime 替换全局 MJRefreshHeader

    实现效果 需求 自定义带gif表头,类似饿了么app下拉刷新效果 替换所有原页面中默认的 MJRefreshNor...

  • Android冷启动黑白屏

    一、制作一个启动屏的.9图片 layer-list 也可以 根据需求做拉伸效果(上左拉伸背景,右下拉伸内容),保存...

  • Stretchy Headers

    Design Teardowns笔记: 最终效果是这样。下拉headerView被拉伸。 这里给出比较重要的部分:

  • iOS:下拉时图片拉伸效果

    下拉时图片拉伸效果经常会遇到,这次项目中用到,思考了下写了两种思路的实现: 利用[tableview insert...

  • TableView下拉伸长收缩效果

    今天有点空余时间,看下别人写的一个表视图下拉效果实现伸长/收缩效果 实现效果图如下: 具体代码如下,实现的功能简单...

  • 个人图像下拉放大拉伸效果

    效果图入下: 一:实现思路如下: 在界面上主要分为一下几个部分;顶部放一个imageview,图片上面进行模糊化的...

  • OpenGL ES 选择局部区域拉伸、保存

    本文介绍如何使用 OpenGL ES 来实现大长腿拉伸的功能。先看下拉伸前后的效果对比图: 我们首先来分析一下该图...

网友评论

      本文标题:表头下拉拉伸效果

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