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值就行了
        }
    }
    
    
  • 相关阅读:
    2015长春区域赛感想
    己亥清爽恢复系列之数据文件1篇:SYSTEM物理损坏或丢失(关键表空间)
    ecshop和jQuery冲突
    ecshop广告分析
    ecshop商品页增加编辑器fckeditor
    DIV自适应高度
    打个招呼
    jdk的wsimport方法实现webservice客户端调用服务
    jdk自带发布webservice服务
    Mysql数据库基本配置
  • 原文地址:https://www.cnblogs.com/jyking/p/6737166.html
Copyright © 2011-2022 走看看