ios - 使用 UIPanGestureRecognizer 缩放和移动 UIView

Question

我有一个 UIView A。我在 View A 上放置了一个图标，并尝试使用平移手势来缩放和移动此 View A。

我尝试了很多解决方案，但我无法做到。

请建议帮助我？

更多详细信息:

我会添加更多细节。

我有 View A，在自身 View 上添加 subview 。我希望当我在 View A 上绘制 panGestureRegonizer 时， View A 将跟随绘制移动。

移动时 View A 将会缩放。当 View 移动到屏幕的上/左/下/右时， View A 将缩小；当 View 移动到屏幕中央时， View A 将放大。

Answer 1

假设您有 vc - ViewController 并且您的 UIView A 是 vc 的 subview 。您可以将 UIPanGestureRecognizer 添加到 A。然后将 panGestureRegonizer 作为操作拖到您的 vc 中:

@IBAction func panGestureAction(_ sender: UIPanGestureRecognizer) {
        //your code here
}

从发送者中，您可以检查操作的 View 、位置和状态。在某些情况下，状态可能会影响您的代码，具体取决于您想要实现的目标。

然后你需要将操作修改为:

@IBAction func panGestureAction(_ sender: UIPanGestureRecognizer) {
        UIView.animateKeyframes(withDuration: 0.1, delay: 0, options: UIViewKeyframeAnimationOptions.calculationModeLinear, animations: {
            let location = sender.location(in: sender.view?.superview)
            sender.view?.center = location
        })
    }

这里sender.view?.superview等于vc.view。此代码片段将检测平移手势，然后移动 A 以便 A.center 与手势的位置匹配。请注意，持续时间 0.1 为运动提供平滑的动画效果。

这将为您提供平移手势的“移动”功能。

编辑以进行缩放:

逻辑:您有带有 center、x 和 y 的坐标系(CS)。当用户使用平移手势时，他/她会在 CS 中生成点序列。所以我们的任务是测量CS中心和用户点之间的距离。当我们有最远的距离时，我们可以计算缩放 View 的比例因子。

var center: CGPoint! //center of the CS
let maxSize: CGSize = CGSize.init(width: 100, height: 100) // maximum size of our scaling view
var maxLengthToCenter: CGFloat! //maximum distance from the center of the CS to the furthest point in the CS

private func prepareForScaling() {
    self.center = self.view.center //we set the center of our CS to equal the center of the VC's view
    let frame = self.view.frame
    //the furthest distance in the CS is the diagonal, and we calculate it using pythagoras theorem
    self.maxLengthToCenter = (frame.width*frame.width + frame.height*frame.height).squareRoot() 
}

然后我们需要调用我们的设置函数来为缩放功能准备好数据 - 我们可以在 viewDidLoad 中执行此操作:

override func viewDidLoad() {
    super.viewDidLoad()  
    self.prepareForScaling()
}

然后我们需要一个辅助函数来计算 View 的缩放尺寸，以供用户平移手势在屏幕上的当前位置。

private func scaledSize(for location: CGPoint) -> CGSize {
    //calculate location x,y differences from the center
    let xDifference = location.x - self.center.x
    let yDifference = location.y - self.center.y

    //calculate the scale factor - note that this factor will be between 0.0(center) and 0.5(diagonal - furthest point)    
    //It is due our measurement - from center to view's edge. Consider multiplying this factor with your custom constant.
    let scaleFactor = (xDifference*xDifference + yDifference*yDifference).squareRoot()/maxLengthToCenter
    //create scaled size with maxSize and current scale factor
    let scaledSize = CGSize.init(width: maxSize.width*(1-scaleFactor), height: maxSize.height*(1-scaleFactor))

    return scaledSize
}

最后，我们需要修改平移手势操作以更改 A 的大小:

@IBAction func panGestureAction(_ sender: UIPanGestureRecognizer) {
    UIView.animateKeyframes(withDuration: 0.1, delay: 0, options: UIViewKeyframeAnimationOptions.calculationModeLinear, animations: {

        let location = sender.location(in: sender.view?.superview)

        sender.view?.frame = CGRect.init(origin: CGPoint.init(x: 0, y: 0), size: self.scaledSize(for: location))

        sender.view?.center = location
    })
}