疯狂ios讲义之实例:通过捏合手势缩放图片

简介:

实例:通过捏合手势缩放图片

捏合手势处理器可以检测到用户手势捏合的比例,解析该捏合比例即可对图片进行缩放。本实例将通过捏合手势对图片进行缩放。创建一个Single View Application,该应用包含一个应用程序委托类、一个视图控制器类以及配套的Main.storyboard界面设计文件。在Interface Builder中打开该界面设计文件,将一个UIImageView拖入界面设计文件中,并让该UIImageView控件与应用界面保持相同大小。为了在程序中能访问UIImageView控件,需要将该控件绑定到控制器的imageView IBOutlet属性。

由于该程序需要对图片进行缩放,因此我们将《疯狂iOS讲义》上册第12章介绍绘图时开发的UIImage(FKCategory)分类添加到该应用中,这样就可为UIImage类增加图片缩放、旋转等方法。

接下来修改视图控制器类,在视图控制器类中使用UIPinchGestureRecognizer来检测用户捏合手势,并根据捏合手势对图片进行缩放。下面是该控制器类的实现代码。

程序清单:codes/01/1.3/PinchImage/PinchImage/FKViewController.m

@implementation FKViewController

UIImage* srcImage;

CGFloat currentScale;

- (void)viewDidLoad

{

[superviewDidLoad];

[UIApplication sharedApplication].statusBarHidden = YES;

srcImage= [UIImage imageNamed:@"seashore.png"];

// 设置图片直接显示在中间(不进行任何缩放)

self.view.contentMode = UIViewContentModeCenter;

// 设置imageView初始显示的图片

self.imageView.image = srcImage;

// 设置初始的缩放比例

currentScale = 1;

// 设置imageView允许用户交互,支持多点触碰

self.imageView.userInteractionEnabled = YES;

self.imageView.multipleTouchEnabled = YES;

// 创建UIPinchGestureRecognizer手势处理器,该手势处理器激发scaleImage:方法

UIPinchGestureRecognizer* gesture = [[UIPinchGestureRecognizer alloc]

initWithTarget:self action:@selector(scaleImage:)];

// imageView添加手势处理器

[self.imageView addGestureRecognizer:gesture];

}

- (void)scaleImage:(UIPinchGestureRecognizer*)gesture

{

CGFloatscale = gesture.scale;

// 如果捏合手势刚刚开始

if (gesture.state ==UIGestureRecognizerStateBegan)

{

// 计算当前缩放比

currentScale= self.imageView.image.size.width / srcImage.size.width;

}

// 根据手势处理器的缩放比例计算图片缩放后的目标大小

CGSizetargetSize = CGSizeMake(srcImage.size.width * scale * currentScale,

srcImage.size.height * scale * currentScale);

// 对图片进行缩放

self.imageView.image = [srcImage imageByScalingToSize:targetSize];

}

@end


该实例使用捏合手势处理器的方法与前面介绍的没有任何区别,只是程序中增加了粗体字代码的判断。该粗体字代码判断当捏合手势开始时,程序会把当前图片的缩放比例记录下来作为图片的当前缩放比例,然后用捏合手势的缩放比例乘以当前缩放比例作为图片真正的缩放比例,接下来调用UIImage(FKCategory)分类中的方法对图片进行缩放。

编译、运行该程序,按下option键与鼠标配合模拟用户的两个手指进行捏合,即可看到如图1.4所示的效果。

wKioL1M03qygXseoAACkAMZ5RWQ446.jpg



1.4 使用捏合手势处理器缩放图片


 

本文转自

fkJava李刚 51CTO博客,原文链接:http://blog.51cto.com/javaligang/1385807 ,如需转载请自行联系原作者

相关文章
|
24天前
|
JSON JavaScript 安全
iOS应用程序数据保护:如何保护iOS应用程序中的图片、资源和敏感数据
iOS应用程序数据保护:如何保护iOS应用程序中的图片、资源和敏感数据
23 1
|
7月前
|
iOS开发
iOS TextView插入表情或者图片后字体变大或变小
iOS TextView插入表情或者图片后字体变大或变小
64 1
|
8月前
|
Android开发 iOS开发
iOS 替换WebView网页图片为本地图片
iOS 替换WebView网页图片为本地图片
196 0
|
7天前
|
存储 缓存 iOS开发
基于iOS的高效图片缓存策略实现
【4月更文挑战第9天】在移动应用开发中,图片资源的加载与缓存是影响用户体验的重要因素之一。特别是对于iOS平台,合理设计图片缓存策略不仅能够提升用户浏览图片时的流畅度,还能有效降低应用程序的内存压力。本文将介绍一种针对iOS环境优化的图片缓存技术,该技术通过多级缓存机制和内存管理策略,实现了图片快速加载与低内存消耗的目标。我们将从系统架构、关键技术细节以及性能评估等方面展开讨论,为开发者提供一套实用的图片缓存解决方案。
12 0
|
3月前
|
JSON JavaScript 安全
iOS 应用程序数据保护:如何保护 iOS 应用程序中的图片、资源和敏感数据
iOS 应用程序数据保护:如何保护 iOS 应用程序中的图片、资源和敏感数据
|
7月前
|
缓存 iOS开发
iOS LaunchScreen.storyboard 启动页设置图片不显示
iOS LaunchScreen.storyboard 启动页设置图片不显示
132 0
|
8月前
|
iOS开发
iOS Image根据TintColor进行绘制图片(UIImageRenderingMode)
iOS Image根据TintColor进行绘制图片(UIImageRenderingMode)
100 0
|
8月前
|
Swift iOS开发
iOS PhotoBrowser 横竖屏图片浏览器
iOS PhotoBrowser 横竖屏图片浏览器
101 0
|
11月前
|
编解码 iOS开发
iOS 图片链接含有中文图片无法显示问题解决办法
iOS 图片链接含有中文图片无法显示问题解决办法
179 0
|
11月前
|
iOS开发
iOS formData形式上传身份证正反面图片到服务器
iOS formData形式上传身份证正反面图片到服务器
172 0