zoukankan      html  css  js  c++  java
  • iOS开发-UITableView顶部图片下拉放大

    关于顶部图片下拉放大,设置UITableView的headerView实现,UITableView继承自UIScrollView,同样的设置UIScrollView的顶部图片也可以实现同样的效果,简单看一下实现的效果:

    a'a'a.gif

    这里使用Xib创建HerderView:

    1、声明:
    @property   (strong,nonatomic) CityFaceBookHearView *CityFaceBookHeaderView;
    
    2、懒加载初始化
    -(CityFaceBookHearView *)CityFaceBookHeaderView{
        if (_CityFaceBookHeaderView == nil) {
            _CityFaceBookHeaderView = [[[NSBundle mainBundle] loadNibNamed:@"CityFaceBookHearView" owner:0 options:nil]lastObject];
        }
        return _CityFaceBookHeaderView;
    }
    3、关联
     self.CityFaceBookHeaderView.bgImageView.clipsToBounds=YES;
     self.CityFaceBookHeaderView.bgImageView.contentMode=UIViewContentModeScaleAspectFill;
     self.CityFaceBookHeaderView.bgImageView.image = [UIImage imageNamed:@"Default@180"]; // 默认图
     self.tableView.tableHeaderView=self.CityFaceBookHeaderView;
    4、数据刷新
    [self.CityFaceBookHeaderView configWithData:_dataHeaderViewModel didSelectSaygoodBtnBlock:^{
      // do something
    }];
    5、UIScrollViewDelegate
    - (void)scrollViewDidScroll:(UIScrollView *)scrollView
    {
        CGFloat offsetY = scrollView.contentOffset.y;
        if (offsetY < 0) {
            self.CityFaceBookHeaderView.bgImageView.frame = CGRectMake(offsetY/2, offsetY, _CityFaceBookHeaderView.width - offsetY, _CityFaceBookHeaderView.height - offsetY);  // 修改头部的frame值就行了
        }
    }
    
    
  • 相关阅读:
    shell函数
    sed命令
    交互式输入与for语句
    day01_云计算概述及kvm介绍
    grep与正则表达式
    shell的编程原理
    shell的文本处理工具
    shell的基础入门
    深入理解JavaScript中 fn() 和 return fn() 的区别
    一篇笔记带你快速掌握面向对象的Javascript(纯手打)
  • 原文地址:https://www.cnblogs.com/jyking/p/6737166.html
Copyright © 2011-2022 走看看