iOS全屏展示图片(三种情况实现)

原创 2017年01月03日 14:47:53

最近遇到一个需求:放大在页面中的图片,以达到展示的效果

这是一个全屏展示图片的小demo,主要分三种情况来实现:

1.正常页面中的ImageView

///主要使用了这两个方法
+ (void)showImage:(UIImageView*)avatarImageView
{
UIImage *image =avatarImageView.image;
// 获得根窗口
UIWindow *window =[UIApplication sharedApplication].keyWindow;
UIView *backgroundView =[[UIView alloc]initWithFrame:CGRectMake(0, 0, ZOOMVCWIDTH, ZOOMVCHEIGHT)];
oldframe =[avatarImageView convertRect:avatarImageView.bounds toView:window];
backgroundView.backgroundColor =[UIColor blackColor];
backgroundView.alpha =0.5;
UIImageView *imageView =[[UIImageView alloc]initWithFrame:oldframe];
imageView.image =image;
imageView.tag =1;
[backgroundView addSubview:imageView];
[window addSubview:backgroundView];
//点击图片缩小的手势
UITapGestureRecognizer *tap =[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(hideImage:)];
[backgroundView addGestureRecognizer:tap];
[UIView animateWithDuration:0.3 animations:^{
imageView.frame =CGRectMake(0,([UIScreen mainScreen].bounds.size.height-image.size.height*[UIScreen mainScreen].bounds.size.width/image.size.width)/2, [UIScreen mainScreen].bounds.size.width, image.size.height*[UIScreen mainScreen].bounds.size.width/image.size.width);
backgroundView.alpha =1;
}];
}


+ (void)hideImage:(UITapGestureRecognizer *)tap{
UIView *backgroundView =tap.view;
UIImageView *imageView =(UIImageView *)[tap.view viewWithTag:1];
[UIView animateWithDuration:0.3 animations:^{
imageView.frame =oldframe;
backgroundView.alpha =0;
} completion:^(BOOL finished) {
[backgroundView removeFromSuperview];
}];
}

2.Tableview的cell上的图片

///tableview cell这个,主要使用了UIView的类方法, animateWithxxx
UIImageView *imageView = (UIImageView *)[cell.contentView viewWithTag:9999];

//小图的frame
self.oldFrame = CGRectMake(cell.frame.origin.x+imageView.frame.origin.x, cell.frame.origin.y+imageView.frame.origin.y-self.tabView.contentOffset.y, imageView.frame.size.width, imageView.frame.size.height); //得到cell上的图片位置

if (![self.bigImgView superview]) {

self.bigImgView.image = imageView.image;

[self.view.window addSubview:self.bigImgView];



self.bigImgView.frame = self.oldFrame;
[UIView animateWithDuration:0.5 animations:^{

self.bigImgView.frame=CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height);


} completion:^(BOOL finished) {

[UIApplication sharedApplication].statusBarHidden=YES;

}];

}

3.CollectioinView的cell上的图片

collection使用了一个第三方,冯大师的PhotoBroswer
/*
*  展示网络图片
*/
-(void)networkImageShow:(NSUInteger)index{


__weak typeof(self) weakSelf=self;

[PhotoBroswerVC show:self type:PhotoBroswerVCTypeModal index:index photoModelBlock:^NSArray *{


NSArray *networkImages=@[
@"http://www.netbian.com/d/file/20150519/f2897426d8747f2704f3d1e4c2e33fc2.jpg",
@"http://www.netbian.com/d/file/20130502/701d50ab1c8ca5b5a7515b0098b7c3f3.jpg",
@"http://www.netbian.com/d/file/20110418/48d30d13ae088fd80fde8b4f6f4e73f9.jpg",
@"http://www.netbian.com/d/file/20150318/869f76bbd095942d8ca03ad4ad45fc80.jpg",
@"http://www.netbian.com/d/file/20110424/b69ac12af595efc2473a93bc26c276b2.jpg",
@"http://www.netbian.com/d/file/20130502/701d50ab1c8ca5b5a7515b0098b7c3f3.jpg",
@"http://www.netbian.com/d/file/20110418/48d30d13ae088fd80fde8b4f6f4e73f9.jpg",
@"http://www.netbian.com/d/file/20150318/869f76bbd095942d8ca03ad4ad45fc80.jpg",
@"http://www.netbian.com/d/file/20110424/b69ac12af595efc2473a93bc26c276b2.jpg",
@"http://www.netbian.com/d/file/20130502/701d50ab1c8ca5b5a7515b0098b7c3f3.jpg",
@"http://www.netbian.com/d/file/20110418/48d30d13ae088fd80fde8b4f6f4e73f9.jpg",
@"http://www.netbian.com/d/file/20150318/869f76bbd095942d8ca03ad4ad45fc80.jpg",
@"http://www.netbian.com/d/file/20110424/b69ac12af595efc2473a93bc26c276b2.jpg",

@"http://www.netbian.com/d/file/20140522/3e939daa0343d438195b710902590ea0.jpg",

@"http://www.netbian.com/d/file/20141018/7ccbfeb9f47a729ffd6ac45115a647a3.jpg",
];

NSMutableArray *modelsM = [NSMutableArray arrayWithCapacity:networkImages.count];
for (NSUInteger i = 0; i< networkImages.count; i++) {

PhotoModel *pbModel=[[PhotoModel alloc] init];
pbModel.mid = i + 1;
//            pbModel.title = [NSString stringWithFormat:@"这是标题%@",@(i+1)];
//            pbModel.desc = [NSString stringWithFormat:@"我是一段很长的描述文字我是一段很长的描述文字我是一段很长的描述文字我是一段很长的描述文字我是一段很长的描述文字我是一段很长的描述文字%@",@(i+1)];
pbModel.image_HD_U = networkImages[i];

//源frame
UIImageView *imageV =(UIImageView *) weakSelf.collectionView.subviews[i];
pbModel.sourceImageView = imageV;

[modelsM addObject:pbModel];
}

return modelsM;
}];
}

具体代码详见github,如果帮到了您,麻烦给个star,O(∩_∩)O谢谢

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

iOS点击图片全屏放大效果

// // EBImageBrowser.h // EBImageBrowser // // Created by yaoliangjun on 16/4/19. // Copyright ©...

iOS launch启动界面全屏

1.在-info.list文件中,加上“Status bar is initially hidden”选项,选择yes 2在程序里面添加 [[UIApplication sharedApplic...

iOS 图片加载 圆形进度条

项目中有加载网络图片的需求,加一个加载的进度条会提高用户体验,网络不好的时候会清晰的看到图片加载的进度,比让用户看着满屏幕空白好。下面是我们项目自己封装的圆形进度条,分享给大家。 其实实现原理很简单...

iOS全屏查看图片

+(void)showImage:(UIImageView *)avatarImageView{     UIImage *image=avatarImageView.image;    ...

iOS开发笔记:实现点击图片放大全屏

最近遇到这个问题,点击图片,让图片全屏。参考了一些博客和源码,大概明白了是怎么实现这个效果的。 这里就简单说明一下: 原理和之前的实现修改头像有点类似:修改头像的时候,我们给imageView添加一个...

三种风格的全屏展示效果

  • 2015-05-05 08:37
  • 308KB
  • 下载

jquery全屏图片幻灯片展示特效

这是一个超大的幻灯片自动扩展以填补容器来显示你的图片,可以覆盖整个屏幕,或某一区域。每张图片都可以设置平移,放大或放小等效果,还可以自定义标题和让其中内容永久展示。还可以设置幻灯片连续运行几次后停止,...

全屏图片展示

  • 2012-03-05 12:12
  • 888KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)