实例:通过旋转手势旋转图片
本实例将会对前面的实例进行改进,在前面实例的基础上增加一个旋转手势处理器,从而让该应用既可根据用户捏合手势对图片进行缩放,也可根据用户旋转手势对图片进行旋转。
复制上面的应用,并将该应用改名为RotateImage。该应用的其他部分基本无须修改,只要把控制器类的实现部分稍作修改,为UIImageView控件增加旋转手势处理器,并让程序根据手势旋转的弧度对图片进行旋转即可。下面是修改后的控制器类的实现代码。
程序清单:codes/01/1.3/RotateImage/RotateImage/FKViewController.m
@implementation FKViewController
UIImage* srcImage;
CGFloat currentScale;
CGFloat currentRotation;
- (void)viewDidLoad
{
[superviewDidLoad];
[UIApplication sharedApplication].statusBarHidden = YES;
srcImage= [UIImage imageNamed:@"seashore.png"];
// 设置图片直接显示在中间(不进行任何缩放)
self.view.contentMode = UIViewContentModeCenter;
// 设置imageView初始显示的图片
self.imageView.image = srcImage;
// 设置初始的缩放比例
currentScale = 1;
currentRotation = 0;
// 设置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];
// 创建UIRotationGestureRecognizer手势处理器,该手势处理器激发rotateImage:方法
UIRotationGestureRecognizer* rotateGesture=
[[UIRotationGestureRecognizer alloc]
initWithTarget:selfaction:@selector(rotateImage:)];
// 为imageView添加手势处理器
[self.imageViewaddGestureRecognizer:rotateGesture];
}
- (void)scaleImage:(UIPinchGestureRecognizer*)gesture
{
CGFloatscale = gesture.scale;
// 根据手势处理器的缩放比例计算缩放后的目标图片大小
CGSizetargetSize = CGSizeMake(srcImage.size.width * scale * currentScale,
srcImage.size.height * scale * currentScale);
// 对图片进行缩放、旋转
self.imageView.image = [[srcImage imageByScalingToSize:targetSize]
imageRotatedByRadians:currentRotation];
// 如果手势结束
if(gesture.state == UIGestureRecognizerStateEnded)
{
// 计算结束时图片的缩放比例
currentScale = scale * currentScale;
}
}
- (void)rotateImage:(UIRotationGestureRecognizer*)gesture
{
// 获取手势旋转的弧度
CGFloatrotation = gesture.rotation;
// 根据当前缩放比例计算缩放后的目标图片大小
CGSizetargetSize = CGSizeMake(srcImage.size.width * currentScale,
srcImage.size.height * currentScale);
// 对图片进行缩放、旋转
self.imageView.image = [[srcImage imageByScalingToSize:targetSize]
imageRotatedByRadians:currentRotation + rotation];
// 如果旋转手势结束
if(gesture.state ==UIGestureRecognizerStateEnded)
{
currentRotation = currentRotation + rotation;
}
}
@end
上面程序中粗体字代码为UIImageView控件增加了一个UIRotationGestureRecognizer手势处理器,该手势处理器检测到旋转手势后将会激发该控制器的rotateImage:方法,该方法将会根据手势旋转的弧度对图片进行旋转(程序同样使用了UIImage+FKCategory的方法来旋转图片)。
编译、运行该程序,即可看到如图1.5所示的效果。
图1.5 使用旋转手势旋转图片
本文转自 fkJava李刚 51CTO博客,原文链接:http://blog.51cto.com/javaligang/1385944 ,如需转载请自行联系原作者