当前位置: 移动技术网 > IT编程>移动开发>IOS > IOS中实现图片点击全屏预览

IOS中实现图片点击全屏预览

2019年07月24日  | 移动技术网IT编程  | 我要评论

天堂2私服发布,周斌 康师傅,古宇寺

如果你感觉累,那就对了那是因为你在走上坡路。。这句话似乎有点道理的样子,时常提醒自己无论走到哪都不要忘记自己当初为什么出发。有时想想感觉有的东西可以记录一下,就把它记录下来吧,这次想写一下关于单张图片点击全屏预览的问题,网上查了一些大神写的有的功能确实很强大但自己暂时想要的只是简单的功能就好,还有些方法自己也没弄出想要的效果,最后写了一个比较简单的点击单张图片的全屏预览和双指捏合缩小放大,可能有时要对图片做一些处理,这里放大后只是显示同一张图片并未做处理,下面直接贴出代码

//
// viewcontroller.m
// xwzoomimageview
//
// created by xiao on 15/11/13.
// copyright © 2015年 xiao. all rights reserved.
//

#import "viewcontroller.h"

@interface viewcontroller ()<uiscrollviewdelegate>
@property (weak, nonatomic) iboutlet uiimageview *picview;
@property (weak, nonatomic) uiscrollview *scrollview;
@property (weak, nonatomic) uiimageview *lastimageview;
@property (nonatomic, assign)cgrect originalframe;
@property (nonatomic, assign)bool isdoubletap;
@end

@implementation viewcontroller

- (void)viewdidload {
 [super viewdidload];
 
 self.picview.userinteractionenabled = yes;
 //添加单击手势
 uitapgesturerecognizer *tap = [[uitapgesturerecognizer alloc] initwithtarget:self action:@selector(showzoomimageview:)];

 [self.picview addgesturerecognizer:tap];
 
}

-(void)showzoomimageview:(uitapgesturerecognizer *)tap
{
 if (![(uiimageview *)tap.view image]) {
  return;
 }
 //scrollview作为背景
 uiscrollview *bgview = [[uiscrollview alloc] init];
 bgview.frame = [uiscreen mainscreen].bounds;
 bgview.backgroundcolor = [uicolor blackcolor];
 uitapgesturerecognizer *tapbg = [[uitapgesturerecognizer alloc] initwithtarget:self action:@selector(tapbgview:)];
 [bgview addgesturerecognizer:tapbg];
 
 uiimageview *picview = (uiimageview *)tap.view;
 
 uiimageview *imageview = [[uiimageview alloc] init];
 imageview.image = picview.image;
 imageview.frame = [bgview convertrect:picview.frame fromview:self.view];
 [bgview addsubview:imageview];
 
 [[[uiapplication sharedapplication] keywindow] addsubview:bgview];
 
 self.lastimageview = imageview;
 self.originalframe = imageview.frame;
 self.scrollview = bgview;
 //最大放大比例
 self.scrollview.maximumzoomscale = 1.5;
 self.scrollview.delegate = self;
 
 [uiview animatewithduration:0.5 animations:^{
  cgrect frame = imageview.frame;
  frame.size.width = bgview.frame.size.width;
  frame.size.height = frame.size.width * (imageview.image.size.height / imageview.image.size.width);
  frame.origin.x = 0;
  frame.origin.y = (bgview.frame.size.height - frame.size.height) * 0.5;
  imageview.frame = frame;
 }];
}

-(void)tapbgview:(uitapgesturerecognizer *)tapbgrecognizer
{
 self.scrollview.contentoffset = cgpointzero;
 [uiview animatewithduration:0.5 animations:^{
  self.lastimageview.frame = self.originalframe;
  tapbgrecognizer.view.backgroundcolor = [uicolor clearcolor];
 } completion:^(bool finished) {
  [tapbgrecognizer.view removefromsuperview];
  self.scrollview = nil;
  self.lastimageview = nil;
 }];
}

//返回可缩放的视图
-(uiview *)viewforzoominginscrollview:(uiscrollview *)scrollview
{
 return self.lastimageview;
}

最后同样带上一张图片吧,大致是这样子

再给大家分享一则ios中点击图片后放大的代码

.h文件-----------------------------------------------------------------
#import
@interface zoomimage : nsobject
/**
 *@brief点击图片放大,再次点击缩小
 *
 *@param oldimageview 头像所在的imageview
 */
+(void)showimage:(uiimageview*)avatarimageview;
@end
.m文件-----------------------------------------------------------------
#import "zoomimage.h"
static cgrect oldframe;
@implementation zoomimage
+(void)showimage:(uiimageview*)avatarimageview
{
 uiimage *image =avatarimageview.image;
 // 获得根窗口
 uiwindow *window =[uiapplication sharedapplication].keywindow;
 uiview *backgroundview =[[uiview alloc]initwithframe:cgrectmake(0, 0, width, height)];
 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];
 }];
}

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • ios uicollectionview实现横向滚动

    现在使用卡片效果的app很多,之前公司让实现一种卡片效果,就写了一篇关于实现卡片的文章。文章最后附有demo实现上我选择了使用uicollectionview ... [阅读全文]
  • iOS UICollectionView实现横向滑动

    本文实例为大家分享了ios uicollectionview实现横向滑动的具体代码,供大家参考,具体内容如下uicollectionview的横向滚动,目前我使... [阅读全文]
  • iOS13适配深色模式(Dark Mode)的实现

    iOS13适配深色模式(Dark Mode)的实现

    好像大概也许是一年前, mac os系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于, 随着iphone11等新手机的发售, ios 13系统... [阅读全文]
  • ios 使用xcode11 新建项目工程的步骤详解

    ios 使用xcode11 新建项目工程的步骤详解

    xcode11新建项目工程,新增了scenedelegate这个类,转而将原appdelegate负责的对ui生命周期的处理担子接了过来。故此可以理解为:ios... [阅读全文]
  • iOS实现转盘效果

    本文实例为大家分享了ios实现转盘效果的具体代码,供大家参考,具体内容如下demo下载地址: ios转盘效果功能:实现了常用的ios转盘效果,轮盘抽奖效果的实现... [阅读全文]
  • iOS开发实现转盘功能

    本文实例为大家分享了ios实现转盘功能的具体代码,供大家参考,具体内容如下今天给同学们讲解一下一个转盘选号的功能,直接上代码直接看viewcontroller#... [阅读全文]
  • iOS实现轮盘动态效果

    本文实例为大家分享了ios实现轮盘动态效果的具体代码,供大家参考,具体内容如下一个常用的绘图,主要用来打分之类的动画,效果如下。主要是ios的绘图和动画,本来想... [阅读全文]
  • iOS实现九宫格连线手势解锁

    本文实例为大家分享了ios实现九宫格连线手势解锁的具体代码,供大家参考,具体内容如下demo下载地址:效果图:核心代码://// clockview.m// 手... [阅读全文]
  • iOS实现卡片堆叠效果

    本文实例为大家分享了ios实现卡片堆叠效果的具体代码,供大家参考,具体内容如下如图,这就是最终效果。去年安卓5.0发布的时候,当我看到安卓全新的material... [阅读全文]
  • iOS利用余弦函数实现卡片浏览工具

    iOS利用余弦函数实现卡片浏览工具

    本文实例为大家分享了ios利用余弦函数实现卡片浏览工具的具体代码,供大家参考,具体内容如下一、实现效果通过拖拽屏幕实现卡片移动,左右两侧的卡片随着拖动变小,中间... [阅读全文]
验证码:
移动技术网