疯狂ios讲义之实例:通过旋转手势旋转图片

博文视点 发布于 2014/03/28 13:25
阅读 2K+
收藏 0
iOS

实例:通过旋转手势旋转图片

本实例将会对前面的实例进行改进,在前面实例的基础上增加一个旋转手势处理器,从而让该应用既可根据用户捏合手势对图片进行缩放,也可根据用户旋转手势对图片进行旋转。

复制上面的应用,并将该应用改名为RotateImage。该应用的其他部分基本无须修改,只要把控制器类的实现部分稍作修改,为UIImageView控件增加旋转手势处理器,并让程序根据手势旋转的弧度对图片进行旋转即可。下面是修改后的控制器类的实现代码。

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

@implementation FKViewController

UIImage* srcImage;

CGFloat currentScale;

CGFloat currentRotation;

- (void)viewDidLoad

{

    [super viewDidLoad];

    [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:self action:@selector(rotateImage:)];

    // imageView添加手势处理器

    [self.imageView addGestureRecognizer:rotateGesture];

}

- (void) scaleImage:(UIPinchGestureRecognizer*)gesture

{

    CGFloat scale = gesture.scale;

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

    CGSize targetSize = 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

{

    // 获取手势旋转的弧度

    CGFloat rotation = gesture.rotation;

    // 根据当前缩放比例计算缩放后的目标图片大小

    CGSize targetSize = 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  使用旋转手势旋转图片

加载中
返回顶部
顶部