iOS下拉放大图片

作者: 朱凯奇 | 来源:发表于2016-04-11 17:16 被阅读853次

闲来无事,模仿小恩爱写了个图片下拉放大的demo。
效果如下:

具体实现特别简单,主要实现代码如下:

 UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
    
    layout.itemSize = CGSizeMake(kWidth/3.75, kHeight/6.67);
    
    layout.sectionInset = UIEdgeInsetsMake(20, 20, 0.33*kWidth, 20);
    
    self.menuCollectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, kWidth, kHeight) collectionViewLayout:layout];
    
    self.menuCollectionView.backgroundColor = [UIColor whiteColor];
    
    self.menuCollectionView.delegate = self;
    
    self.menuCollectionView.dataSource = self;

    self.menuCollectionView.contentInset = UIEdgeInsetsMake(250, 0, 0, 0);
    
    self.menuCollectionView.alwaysBounceVertical = YES;
    
    [self.view addSubview:self.menuCollectionView];
   
    
    
    self.backImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, -250, kWidth, 250)];
    
    self.backImageView.image = [UIImage imageNamed:@"1.jpg"];
    
    self.backImageView.contentMode =  UIViewContentModeScaleAspectFill;

    [self.menuCollectionView addSubview:self.backImageView];

下拉时实现放大方法

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{

    CGFloat contentY = scrollView.contentOffset.y;
    
    if (contentY < -250) {
        CGRect frame = self.backImageView.frame;
        
        frame.origin.y = contentY;
        
        frame.size.height = -contentY;
        
        self.backImageView.frame = frame;
    }

}


搞定,如有疑问,请留言

相关文章

  • iOS 下拉图片放大

    详情页,tableview的headview,下拉图片放大

  • iOS下拉放大图片

    闲来无事,模仿小恩爱写了个图片下拉放大的demo。效果如下: 具体实现特别简单,主要实现代码如下: 下拉时实现放大...

  • IOS下拉放大图片

    先看下效果图吧 图片录制大了点不好意思! 介绍 先讲一些思路吧: 注意: 很多人以为这个图片是表头,如果你把它设置...

  • IOS下拉放大图片

    个人很喜欢这种效果,后面会在这个项目更新新效果。版本记录2017.1.24 (最基础图片下拉放大)https://...

  • 简单实现下拉图片放大④ + pageControl指示器

    传送门 : 简单实现下拉图片放大① - 全屏手势简单实现下拉图片放大② - 单张图简单实现下拉图片放大③ - 定时...

  • 利用UITableiew实现下拉放大图片

    表格头视图实现下拉放大图片需要签订 // 下拉放大图片 -(void)xialafangda{ UIImageVi...

  • 图片下拉放大

    //-----------------------------ViewController.m----------...

  • 下拉放大图片

    现在越来越多的APP中存在下拉放大图片的效果,今天贡献一下我的实现这种方法的原理,和我遇到的坑。?效果图 使用懒加...

  • 图片下拉放大

  • 图片下拉放大

    传送门//_bgImageView是要放大的图片,ImageWidth、ImageHeight分别是 _bgIma...

网友评论

本文标题:iOS下拉放大图片

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