码迷,mamicode.com
首页 > 移动开发 > 详细

iOS tableView下拉图片放大

时间:2017-04-23 13:19:18      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:sub   margin   上拉   else   setimage   off   出错   layer   封装   

事实上这个效果,本质上就是在你tableView下拉 造成offset时候。 保持你顶部图片的y坐标点还停留在下拉时屏幕的顶点(offset), 而图片的长度变为原始的height长度-(offset ) 就达到了下拉放大的效果。

 直接上代码了:

                      1. 首先创建一个UIView作为headerView

            _topView = [[UIViewalloc]initWithFrame:CGRectMake(0,0,MCAPPWidth,80)];

            _tableView.tableHeaderView =_topView;

           2.其次创建一个UIImageView放那张图片 

            _topImageView = [[UIImageViewalloc]initWithFrame:CGRectMake(0,0,MCAPPWidth,80)];

            _topImageView.contentMode =UIViewContentModeScaleAspectFill;

            _topImageView.layer.masksToBoundsYES;

            [_topImageViewsd_setImageWithURL:[NSURLURLWithString:nil]placeholderImage:[UIImageimageNamed:@"mian_bg"]];

            [_topViewaddSubview:_topImageView];


           3.最后引入scrollView的代理方法 监听frame的变化

            

- (void)scrollViewDidScroll:(UIScrollView *)scrollView

{

   if (_tableView == scrollView) {

     CGFloat yOffset = _tableView.contentOffset.y;

    //下拉图片放大

    if (yOffset < 0) {

        _topView.frame = CGRectMake(0, 0, MCAPPWidth80 * Height - yOffset);

        _topImageView.frame = CGRectMake(0, yOffset, MCAPPWidth80 * Height - yOffset);

        NSLog(@"%.2f"_topImageView.y);

    }

    else {

        _topView.frame = CGRectMake(00MCAPPWidth80 * Height - yOffset);

        _topImageView.y = yOffset * 0.65;

        _topImageView.height = 80 * Height - yOffset * 0.65;

    }

   }

}

我这里上拉 图片做的是相对位移 假设仅仅须要下拉变大效果 上拉回原样 须要把else 里的 后两句代码凝视掉, 换成_topImageView.y = _topView.y值保持一样就可以。

我这里的.y是自己封装的方法直接copy会出错哦。

iOS tableView下拉图片放大

标签:sub   margin   上拉   else   setimage   off   出错   layer   封装   

原文地址:http://www.cnblogs.com/brucemengbm/p/6752187.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!