iOS实现点击图片放大和长按保存图片的示例
更新时间：2018年03月06日 16:02:50 作者：FBY展菲
本篇文章主要介绍了iOS实现点击图片放大和长按保存图片的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
一：简介
在项目中免不了会遇到，实名认证上传身份证、绑定银行卡等功能。在实际操作中呢，会涉及到上传图片，在页面布局时，可能图片不是一张，考虑到布局的美观等因素，显示图片的位置变得很小，如果想查看上传的图片是否清晰，内容是否完整，可能就需要放大才能实现，下面就和大家分享一下我封装的一类，完美的实现了图片的缩放功能。
另外，这些博文都是来源于我日常开发中的技术总结，在时间允许的情况下，我会针对技术点分别分享iOS、Android两个版本，尽量附上demo以供大家参考，如果有其他技术点需要，可在文章后留言，我会尽全力帮助大家。
二：实现思路分析
- 给UIImageView添加手势
- 封装一个继承NSObject的FBYImageZoom类
- 写一个函数用来接收出入的UIImageView
- 根据传入的UIImageView重新绘制在Window中
- 添加放大后背景视图的颜色和透明度
- 使用动画放大展示ImageView
- 添加恢复ImageView原始尺寸的tap点击事件
- 完成之后将背景视图删掉
三：实现源码分析
根据实现思路分析，一步步进行编码实现：
1. 给UIImageView添加手势
self.myImageView = [[UIImageView alloc]initWithFrame:CGRectMake(50, 150, SCREEN_WIDTH-100, SCREEN_WIDTH-100)]; self.myImageView.image = [UIImage imageNamed:@"bankcard"]; //添加点击事件 UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(scanBigImageClick:)]; [_myImageView addGestureRecognizer:tapGestureRecognizer]; [_myImageView setUserInteractionEnabled:YES]; [self.view addSubview:_myImageView];
2. 封装一个继承NSObject的FBYImageZoom类
#import <Foundation/Foundation.h> #import <UIKit/UIKit.h> @interface FBYImageZoom : NSObject @end
3. 写一个函数用来接收出入的UIImageView
/** * @param contentImageview 图片所在的imageView */ +(void)ImageZoomWithImageView:(UIImageView *)contentImageview;
4. 根据传入的UIImageView重新绘制在Window中
+(void)ImageZoomWithImageView:(UIImageView *)contentImageview{
UIWindow *window = [UIApplication sharedApplication].keyWindow;
[self scanBigImageWithImage:contentImageview.image frame:[contentImageview convertRect:contentImageview.bounds toView:window]];
}
5. 添加放大后背景视图的颜色和透明度
//当前视图 UIWindow *window = [UIApplication sharedApplication].keyWindow; //背景 UIView *backgroundView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)]; [backgroundView setBackgroundColor:[UIColor colorWithRed:107/255.0 green:107/255.0 blue:99/255.0 alpha:0.6]];
6. 使用动画放大展示ImageView
//动画放大所展示的ImageView
[UIView animateWithDuration:0.4 animations:^{
CGFloat y,width,height;
y = ([UIScreen mainScreen].bounds.size.height - image.size.height * [UIScreen mainScreen].bounds.size.width / image.size.width) * 0.5;
//宽度为屏幕宽度
width = [UIScreen mainScreen].bounds.size.width;
//高度 根据图片宽高比设置
height = image.size.height * [UIScreen mainScreen].bounds.size.width / image.size.width;
[imageView setFrame:CGRectMake(0, y, width, height)];
//重要！ 将视图显示出来
[backgroundView setAlpha:1];
} completion:^(BOOL finished) {
}];
7. 添加恢复ImageView原始尺寸的tap点击事件
//添加点击事件同样是类方法 -> 作用是再次点击回到初始大小
UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(hideImageView:)];
[backgroundView addGestureRecognizer:tapGestureRecognizer];
/**
* 恢复imageView原始尺寸
*/
+(void)hideImageView:(UITapGestureRecognizer *)tap{
UIView *backgroundView = tap.view;
//原始imageview
UIImageView *imageView = [tap.view viewWithTag:1024];
//恢复
[UIView animateWithDuration:0.4 animations:^{
[imageView setFrame:oldframe];
[backgroundView setAlpha:0];
} completion:^(BOOL finished) {
[backgroundView removeFromSuperview];
}];
}
8. 完成之后将背景视图删掉
//完成后操作->将背景视图删掉 [backgroundView removeFromSuperview];
四：项目实际使用
1. 引入封装类FBYImageZoom
#import "FBYImageZoom.h"
2. 给UIImageView添加手势
//添加点击事件 UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(scanBigImageClick:)];
3. 调用封装类函数
//浏览大图点击事件
-(void)scanBigImageClick:(UITapGestureRecognizer *)tap{
NSLog(@"点击图片");
UIImageView *clickedImageView = (UIImageView *)tap.view;
[FBYImageZoom ImageZoomWithImageView:clickedImageView];
}
好了，到这里点击图片放大到全屏就完成了
4. 长按保存图片
另外就是实现长按保存图片的功能，这个功能很简单
首先增加长按手势
//创建长按手势 UILongPressGestureRecognizer *longTap = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(imglongTapClick:)]; //添加手势 [_myImageView addGestureRecognizer:longTap];
然后长按手势弹出警告视图确认
-(void)imglongTapClick:(UILongPressGestureRecognizer*)gesture
{
if(gesture.state==UIGestureRecognizerStateBegan)
{
UIAlertController *alertControl = [UIAlertController alertControllerWithTitle:@"保存图片" message:nil preferredStyle:UIAlertControllerStyleAlert];
UIAlertAction *cancel = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
NSLog(@"取消保存图片");
}];
UIAlertAction *confirm = [UIAlertAction actionWithTitle:@"确认" style:UIAlertActionStyleDestructive handler:^(UIAlertAction * _Nonnull action) {
NSLog(@"确认保存图片");
// 保存图片到相册
UIImageWriteToSavedPhotosAlbum(self.myImageView.image,self,@selector(imageSavedToPhotosAlbum:didFinishSavingWithError:contextInfo:),nil);
}];
[alertControl addAction:cancel];
[alertControl addAction:confirm];
[self presentViewController:alertControl animated:YES completion:nil];
}
}
最后保存图片后的回调
- (void)imageSavedToPhotosAlbum:(UIImage*)image didFinishSavingWithError: (NSError*)error contextInfo:(id)contextInfo
{
NSString *message;
if(!error) {
message =@"成功保存到相册";
UIAlertController *alertControl = [UIAlertController alertControllerWithTitle:@"提示" message:message preferredStyle:UIAlertControllerStyleAlert];
UIAlertAction *action = [UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDestructive handler:^(UIAlertAction * _Nonnull action) {
}];
[alertControl addAction:action];
[self presentViewController:alertControl animated:YES completion:nil];
}else
{
message = [error description];
UIAlertController *alertControl = [UIAlertController alertControllerWithTitle:@"提示" message:message preferredStyle:UIAlertControllerStyleAlert];
UIAlertAction *action = [UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
}];
[alertControl addAction:action];
[self presentViewController:alertControl animated:YES completion:nil];
}
}
到这里实现点击图片放大和长按保存图片功能就都是实现了，demo源码已经放在github上。
五：项目展示
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
最近做项目遇到这样一个需求，要求UIImage根据屏幕宽度按照自己本身比例改变高度，下面通过本文给大家分享iOS UIImage根据屏宽调整size的实例代码，需要的朋友参考下吧2017-01-01
这篇文章主要介绍了使用IOS AirPrint实现打印功能详解，想了解无线打印的同学，一定要看一下2021-04-04
经常在手机上看到可以随意移动的按钮，正巧最近工作遇到了这个需求，索性就写一个，下面这篇文章主要给大家介绍了利用iOS实现一个可以在屏幕中自由移动的按钮的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。2017-07-07
iOS中使用UItableviewcell实现团购和微博界面的示例
这篇文章主要介绍了iOS中使用UItableviewcell实现团购和微博界面的示例,开发语言基于传统的Objective-C,需要的朋友可以参考下2016-01-01
iOS App 有时可能遇到启动必 crash 的绝境：每次打开 App 都闪退，无法正常使用App。下面这篇文章主要给大家介绍了iOS App连续闪退时上报crash日志的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2018-04-04
一些文本输入控件等待输入时会弹出软键盘,我们可以设置这些控件的Did End On Exit之类的回调方法以在用户点击软键盘上的done或return之列的按键时收起键盘2016-02-02
这篇文章主要为大家详细介绍了ios实现简单随便走的AR功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-02-02
本文给大家分享xcode8，ios10升级后的问题记录，可以帮大家到家更好的解决xcode，ios10升级遇到问题，感兴趣的朋友一起看看吧2016-09-09
在iOS应用开发中，有三类视图对象会打开虚拟键盘，进行输入操作，但如何关闭虚拟键盘，却没有提供自动化的方法。这个需要我们自己去实现。2015-05-05
这篇文章主要介绍了iOS输入框(UITextField)密码明暗文的切换方法，代码简短实用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
最新评论