iOS transform解决连续多次旋转缩放，实现图片旋转缩放效果

一、需求

实现imageView的缩放旋转效果，一般有两种方式：

1、底层加scrollview，利用scrollview的属性实现。（推荐这种，这是我比较后发现的，手势做缩放旋转会有点弊端）

2、利用手势，捏合手势、旋转手势等。

这里我测试的第二种：手势实现，记录一下。

二、问题描述

一般手势处理后，对imageView进行transform处理，但我发现，每次获取手势再处理时，都会覆盖上一次的transform，从而达不到连续手势处理的效果。

比如：

我先放大一倍，再用手势放大，会发现图片会先回到原位，再放大，没有在第一次的放大位置基础继续方法，这不是我想要的。

三、解决方法

找了很多资料，发现可以用 CATransform3DGetAffineTransform 方法解决，这个系统方法的意思是获取之前的transform位置。

那么，我可以每次手势结束后，先记录下此时的transform，下次再处理时，在这个transform基础上再继续处理，就可以了。

核心代码如下：

1、定义一个全局变量，用于记录每次的tarnsform

var lastTranform3D:CATransform3D?

2、缩放、旋转：先获取上次的transform，再继续处理本次的transform

imageView.transform = CATransform3DGetAffineTransform(lastTranform3D!).scaledBy(x: sender.scale, y: sender.scale)

imageView.transform = CATransform3DGetAffineTransform(lastTranform3D!).rotated(by: sender.rotation)

全部代码：实现图片的缩放旋转等。

/// 添加手势
    func setImageGesture() {//缩放手势let pinch = UIPinchGestureRecognizer(target: self, action: #selector(self.handlePinchGesture(sender:)))imageView.addGestureRecognizer(pinch)//双击手势，还原大小let doubletap:UITapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(self.handleDoubletapGesture(sender:)))doubletap.numberOfTapsRequired = 2imageView.addGestureRecognizer(doubletap)// 旋转手势let rotation = UIRotationGestureRecognizer(target: self, action: #selector(self.handleRotationGesture(sender:)))imageView.addGestureRecognizer(rotation)}

/// 处理缩放手势////// - Parameter sender: <#sender description#>
    func handlePinchGesture(sender:UIPinchGestureRecognizer)  {if sender.state == UIGestureRecognizerState.began || sender.state == UIGestureRecognizerState.changed {if lastTranform3D == nil {imageView.transform = CGAffineTransform(scaleX: sender.scale, y: sender.scale)}else{imageView.transform = CATransform3DGetAffineTransform(lastTranform3D!).scaledBy(x: sender.scale, y: sender.scale)}}else if sender.state == UIGestureRecognizerState.ended{lastTranform3D = imageView.layer.transform}}

/// 还原图片////// - Parameter sender: <#sender description#>
    func handleDoubletapGesture(sender:UITapGestureRecognizer) {imageView.transform = CGAffineTransform.identitylastTranform3D = nil}

 /// 处理旋转手势////// - Parameter sender: <#sender description#>
    func handleRotationGesture(sender:UIRotationGestureRecognizer) {if sender.state == UIGestureRecognizerState.began || sender.state == UIGestureRecognizerState.changed {if lastTranform3D == nil {imageView.transform = CGAffineTransform(rotationAngle: sender.rotation)}else{imageView.transform = CATransform3DGetAffineTransform(lastTranform3D!).rotated(by: sender.rotation)}}else if sender.state == UIGestureRecognizerState.ended{lastTranform3D = imageView.layer.transform}}

iOS transform解决连续多次旋转缩放，实现图片旋转缩放效果相关推荐

解决ionic在手机上拍照图片旋转的问题
解决ionic在手机上拍照图片旋转的问题拍照或者从相册中选择图片,上传到服务器后,图片的方向是不对的无论是拍照,还是从相册中选择图片都是可用的. correctOrientation:trueco ...
数据增强方法：图片镜像、图片缩放、图片旋转、加噪点
1.图片镜像 //rotate with mirror #include <iostream> #include <opencv2/opencv.hpp> using name ...
openc 图片旋转；OpenCvSharp 图片旋转
openc 图片旋转 :OpenCvSharp 图片旋转 OpenCvSharp 版本 4.2.0 角度旋转核心代码: /// <summary>/// 旋转图片任意角度/// </ ...
iOS开发 CGAffineTransform 让图片旋转, 旋转后获得图片旋转的角度
1.让图片旋转 UIImageView *imageView = [[UIImageView alloc]init]; imageView.frame = CGRectMake(50, 50, 200 ...
java 实现图片旋转_java实现图片旋转
方法一:普通方法实现图片旋转 /** * 图像旋转 * @param src * @param angel * @return */ public static BufferedImage Rotat ...
java 图片旋转_Java实现图片旋转、指定图像大小和水平翻转|chu
本文实例为大家分享了Java实现图片旋转.指定图像大小.水平翻转,供大家参考,具体内容如下 package com.zeph.j2se.image; import java.awt.Graphics2 ...
android图片双指缩放,Android图片双指缩放，单指移动实现
Android 实现,图片双指缩放,单指移动.通过自定义ImageView控件实现. ZoomDragImageView.java代码如下: public class SwZoomDragImageV ...
解决三星手机拍照后，图片旋转。
<span style="font-size:18px;">最近项目中遇到用三星手机拍照,图片会自动旋转,应该是三星内部系统的功能,然后需要是不让他旋转,找到了方法. ...
qt 加载图片旋转_QT 实现图片旋转的两种方法
第一种方案使用 QPixmap 的 transformed 函数来实现旋转,这个函数默认是以图片中心为旋转点,不能设置旋转的中心点,使用如下: QMatrix matrix; matrix.rota ...

iOS transform解决连续多次旋转缩放，实现图片旋转缩放效果

iOS transform解决连续多次旋转缩放，实现图片旋转缩放效果相关推荐

最新文章

热门文章