拖动 Swift UIView 时出现故障

Question

我在 iOS 项目中有一个视图，需要在主视图中拖动。景色。我已将平移手势附加到该视图（paletteView），并且移动它效果很好。

但是，行动开始时就会出现“小故障”。这不会发生在第一步，而是发生在后续的动作中。我认为发生的事情与paletteView 上的约束有关。它在主视图中的起始位置为 100,100，但当然，每当拖动结束时，除非我更改它，否则它会弹回到该位置。因此，每当平移开始时，我都会获取调色板的位置，并更新约束。这也有效，但当下一个手势开始时，它似乎会产生闪光。这是主要代码：

    @objc func palettePan(_ sender: UIPanGestureRecognizer) {
        let translation = sender.translation(in: view)
        switch sender.state {
        case .began:
            paletteLeading?.constant = paletteView!.frame.origin.x
            paletteTop?.constant = paletteView!.frame.origin.y
            paletteView?.setNeedsUpdateConstraints()
        case .changed:
            paletteView!.transform = CGAffineTransform(translationX: translation.x, y: translation.y)
        case .ended:
            print("done \(paletteView!.frame)")
        default:
            _ = true
        }
    }

同样，这工作正常，但对于调色板的短暂“闪光”，位置不正确。我不知道这会从哪里来。

Answer 1

您需要在更新约束的同时重置transform，此时您正在将约束更新到新位置，但视图仍然是根据先前的最终平移进行变换的平移，直到第一个 changed 平移手势事件发生。

因此，您的 palettePan 函数将变为：

@objc func palettePan(_ sender: UIPanGestureRecognizer) {
    let translation = sender.translation(in: view)
    switch sender.state {
    case .began:
        paletteLeading?.constant = paletteView!.frame.origin.x
        paletteTop?.constant = paletteView!.frame.origin.y
        paletteView?.setNeedsUpdateConstraints()
        paletteView?.transform = .identity // Reset the transform
    case .changed:
        paletteView!.transform = CGAffineTransform(translationX: translation.x, y: translation.y)
    case .ended:
        print("done \(paletteView!.frame)")
    default:
        _ = true
    }
}

尽管我实际上会在平移手势结束时更新约束并进行转换，而不是在新手势开始时：

@objc func palettePan(_ sender: UIPanGestureRecognizer) {
        let translation = sender.translation(in: view)
        switch sender.state {
        case .changed:
            paletteView?.transform = CGAffineTransform(translationX: translation.x, y: translation.y)
        case .ended, .cancelled, .failed:
            paletteLeading?.constant = paletteView!.frame.origin.x
            paletteTop?.constant = paletteView!.frame.origin.y
            paletteView?.setNeedsUpdateConstraints()
            paletteView?.transform = .identity // Reset the transform
        default:
            _ = true
        }
    }