想要限制一个 imageView swift 5 上的平移手势区域

如何解决想要限制一个 imageView swift 5 上的平移手势区域

我有一个 imageview,它有 2 个gestureRecognizers 1)捏 2)平移

我可以使用缩放属性捏合图像和缩放 我无法实现的是,当我缩放该图像并拖动到所有 4 个边时,我可以拖动图像并且我能够看到图像视图后面的背景视图 想要限制图像视图的拖动,直到显示缩放图像

这是捏和平移手势的代码

  @objc func pinchRecognized(pinch: UIPinchGestureRecognizer) {

            if let view = pinch.view {
                view.transform = view.transform.scaledBy(x: pinch.scale,y: pinch.scale)
                pinch.scale = 1
            }
        }
    
    @objc func PangestureMethod(gestureRecognizer: UIPanGestureRecognizer){
       guard gestureRecognizer.view != nil else {return}
       let piece = gestureRecognizer.view!
  
    
       let translation = gestureRecognizer.translation(in: piece.superview)
        
       if gestureRecognizer.state == .began {
          self.initialCenter = piece.center
       }
       if gestureRecognizer.state != .cancelled {
          let newCenter = CGPoint(x: initialCenter.x + translation.x,y: initialCenter.y + translation.y)
          piece.center = newCenter
       }
       else {
          piece.center = initialCenter
       }
    }

解决方法

首先,重置平移手势的平移(可能)更容易,因此我们正在计算相对运动:

if gestureRecognizer.state != .cancelled {
    
    // translation will be + or - a small number of points
    // do what's needed to move the view

    // reset recognizer
    gestureRecognizer.setTranslation(.zero,in: superV)

}

否则,假设您向右拖动(平移)300 点,但视图只能移动 20 点,然后它不会开始向左移动,直到您向左拖动 280 点。>

因此,当水平拖动时,我们希望在拖动视图位于其超级视图的左侧或右侧边缘时停止...

  • 计算最大 centerX 位置
    • 这将是拖动视图宽度的 1/2
  • 计算最小 centerX 位置
    • 这将是 superView 的宽度减去拖动视图宽度的 1/2

举个例子,如果superView的宽度是100,而drag-view的宽度是200,则MAX centerX将为100,MIN centerX为{{1 }}。

然后我们对 centerY 位置做同样的事情。

尝试将其用作平移手势处理程序:

Zero

编辑

为了防止捏合手势将视图缩小到小于其超级视图框架,我们可以在应用之前将手势的新缩放值应用到视图框架@objc func PangestureMethod(gestureRecognizer: UIPanGestureRecognizer){ // unwrap the view from the gesture // AND // unwrap that view's superView guard let piece = gestureRecognizer.view,let superV = piece.superview else { return } let translation = gestureRecognizer.translation(in: superV) if gestureRecognizer.state == .began { self.initialCenter = piece.center } if gestureRecognizer.state != .cancelled { // what the new centerX and centerY will be var newX: CGFloat = piece.center.x + translation.x var newY: CGFloat = piece.center.y + translation.y // MAX centerX is 1/2 the width of the piece's frame let mxX = piece.frame.width * 0.5 // MIN centerX is Width of superView minus 1/2 the width of the piece's frame let mnX = superV.bounds.width - piece.frame.width * 0.5 // make sure new centerX is neither greater than MAX nor less than MIN newX = max(min(newX,mxX),mnX) // MAX centerY is 1/2 the height of the piece's frame let mxY = piece.frame.height * 0.5 // MIN centerY is Height of superView minus 1/2 the height of the piece's frame let mnY = superV.bounds.height - piece.frame.height * 0.5 // make sure new centerY is neither greater than MAX nor less than MIN newY = max(min(newY,mxY),mnY) // set the new center piece.center = CGPoint(x: newX,y: newY) // reset recognizer gestureRecognizer.setTranslation(.zero,in: superV) } else { piece.center = initialCenter } } 到视图中。

然后,如果生成的矩形不小于 superView 的框架,则仅将缩放应用于视图。

试试这个:

CGRect

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams['font.sans-serif'] = ['SimHei'] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -> systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping("/hires") public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate<String
使用vite构建项目报错 C:\Users\ychen\work>npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
参考1 参考2 解决方案 # 点击安装源 协议选择 http:// 路径填写 mirrors.aliyun.com/centos/8.3.2011/BaseOS/x86_64/os URL类型 软件库URL 其他路径 # 版本 7 mirrors.aliyun.com/centos/7/os/x86
报错1 [root@slave1 data_mocker]# kafka-console-consumer.sh --bootstrap-server slave1:9092 --topic topic_db [2023-12-19 18:31:12,770] WARN [Consumer clie
错误1 # 重写数据 hive (edu)> insert overwrite table dwd_trade_cart_add_inc > select data.id, > data.user_id, > data.course_id, > date_format(
错误1 hive (edu)> insert into huanhuan values(1,'haoge'); Query ID = root_20240110071417_fe1517ad-3607-41f4-bdcf-d00b98ac443e Total jobs = 1
报错1:执行到如下就不执行了,没有显示Successfully registered new MBean. [root@slave1 bin]# /usr/local/software/flume-1.9.0/bin/flume-ng agent -n a1 -c /usr/local/softwa
虚拟及没有启动任何服务器查看jps会显示jps,如果没有显示任何东西 [root@slave2 ~]# jps 9647 Jps 解决方案 # 进入/tmp查看 [root@slave1 dfs]# cd /tmp [root@slave1 tmp]# ll 总用量 48 drwxr-xr-x. 2
报错1 hive> show databases; OK Failed with exception java.io.IOException:java.lang.RuntimeException: Error in configuring object Time taken: 0.474 se
报错1 [root@localhost ~]# vim -bash: vim: 未找到命令 安装vim yum -y install vim* # 查看是否安装成功 [root@hadoop01 hadoop]# rpm -qa |grep vim vim-X11-7.4.629-8.el7_9.x
修改hadoop配置 vi /usr/local/software/hadoop-2.9.2/etc/hadoop/yarn-site.xml # 添加如下 <configuration> <property> <name>yarn.nodemanager.res