开发者社区> 技术小牛人> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

疯狂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 ,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
iOS使用OpenCV之调整图片亮度和对比度(一)
iOS使用OpenCV之调整图片亮度和对比度(一)
0 0
iOS WebView长按网页里的图片识别图片中的二维码和保存图片
iOS WebView长按网页里的图片识别图片中的二维码和保存图片
0 0
iOS开发 - 不小心删除了Copy Bundle Resources怎么办?(多人开发频繁添加删除图片导致图片路径重复,编译报错)
iOS开发 - 不小心删除了Copy Bundle Resources怎么办?(多人开发频繁添加删除图片导致图片路径重复,编译报错)
0 0
iOS开发-改变图片的颜色
iOS开发-改变图片的颜色
0 0
iOS - 设置图片为背景色,且拉伸到指定大小
iOS - 设置图片为背景色,且拉伸到指定大小
0 0
iOS开发-如何把广告,图片通过代码加到Screen上
iOS开发-如何把广告,图片通过代码加到Screen上
0 0
IOS显示GIF图片
IOS显示GIF图片
0 0
IOS手指控制图片的缩放
IOS手指控制图片的缩放
0 0
iOS之图片保存到相册
iOS之图片保存到相册
0 0
iOS之图片点击看大图
iOS之图片点击看大图
0 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Facebook iOS App技术演化十年之路
立即下载
From Java_Android to Swift iOS
立即下载
深入剖析 iOS 性能优化
立即下载