时间:2021-05-19
一:简介
在项目中免不了会遇到,实名认证上传身份证、绑定银行卡等功能。在实际操作中呢,会涉及到上传图片,在页面布局时,可能图片不是一张,考虑到布局的美观等因素,显示图片的位置变得很小,如果想查看上传的图片是否清晰,内容是否完整,可能就需要放大才能实现,下面就和大家分享一下我封装的一类,完美的实现了图片的缩放功能。
另外,这些博文都是来源于我日常开发中的技术总结,在时间允许的情况下,我会针对技术点分别分享iOS、Android两个版本,尽量附上demo以供大家参考,如果有其他技术点需要,可在文章后留言,我会尽全力帮助大家。
二:实现思路分析
三:实现源码分析
根据实现思路分析,一步步进行编码实现:
1. 给UIImageView添加手势
2. 封装一个继承NSObject的FBYImageZoom类
3. 写一个函数用来接收出入的UIImageView
4. 根据传入的UIImageView重新绘制在Window中
5. 添加放大后背景视图的颜色和透明度
6. 使用动画放大展示ImageView
7. 添加恢复ImageView原始尺寸的tap点击事件
8. 完成之后将背景视图删掉
四:项目实际使用
1. 引入封装类FBYImageZoom
2. 给UIImageView添加手势
3. 调用封装类函数
好了,到这里点击图片放大到全屏就完成了
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上。
五:项目展示
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文详细介绍了如何在H5中实现长按保存图片的功能。长按保存图片是现在一些宣传页H5中很常见的需求,但是js没有这样的能力,所以要么借助android或ios的原
苹果ios10保存网页图片图文教程: 简单来说就是,如果你对ios10Safari中的图片(如果图片同时也是可点击的链接)执行长按操作的话,你已经在弹出来
前言对于图片拉伸是移动开发中很常见的需求,最近工作中就遇到了利用iOS实现对图片的放大和缩小效果,通过查找资料找到了两种解决方法,分别是用捏合手势和用scrol
procreate保存方法是: 1、进入软件,点击需要保存的图片。 2、长按图片,会看到有几个提示,选择保存到本地即可。 绘画是一种在平面上以手工方式临摹
还有建站新功能上线01在编辑器中拖入一个图片插件,点击“属相设置”—“功能”,选择“预览图片”,然后点击保存,生成代码,在小程序中,点击该图片,图片会自动放大预