视图框架的 UIView.animate 问题

Question

我正在努力制作动画。这就是正在发生的事情：video

后面的卡片应该做与视频开头相同的动画，但它做的是完全不同的事情。我在查看动画开始时的UIView.frame，和第一次进卡时一样，但显然有问题……下面是代码：

func cardIn() {
    let xPosition = (self.darkCardView?.frame.origin.x)! - 300
    let yPosition = (self.darkCardView?.frame.origin.y)!

    self.initialPos = self.darkCardView.frame

    let height = self.darkCardView?.frame.size.height
    let width = self.darkCardView?.frame.size.width

    self.darkCardView?.transform = (self.darkCardImageView?.transform.rotated(by: CGFloat(Double.pi/4)))!

    UIView.animate(withDuration: 1.1, animations: {
        self.darkCardView?.frame = CGRect(x: xPosition, y: yPosition, width: width!, height: height!)
        self.darkCardView?.transform = (self.darkCardImageView?.transform.rotated(by: CGFloat(0)))!
    })
}

func cardOut() {
    let xPosition = (self.darkCardView?.frame.origin.x)! - 600
    let yPosition = (self.darkCardView?.frame.origin.y)!

    let height = self.darkCardView?.frame.size.height
    let width = self.darkCardView?.frame.size.width

    self.darkCardView?.transform = (self.darkCardImageView?.transform.rotated(by: CGFloat(0)))!

    UIView.animate(withDuration: 1.0, delay: 0, options: .allowAnimatedContent, animations: {
        self.darkCardView?.frame = CGRect(x: xPosition, y: yPosition, width: width!, height: height!)
        self.darkCardView?.transform = (self.darkCardImageView?.transform.rotated(by: CGFloat(-Double.pi/4)))!
    }) { (true) in
        self.darkCardView?.transform = (self.darkCardImageView?.transform.rotated(by: CGFloat(0)))!
        self.darkCardView?.frame = self.initialPos

        self.cardIn()
    }
}

有人知道如何在调用 cardOut 函数后重复视频开头的相同动画吗？

Answer 1

鉴于我们不知道您在何处/何时调用上述两个函数，我只能猜测发生了什么。

所以你有一个动画输入和一个动画输出，但是重置功能呢？

时间线： 动画卡进去。 ... 最终将卡片制作成动画 ... 将卡片位置重置为右侧的屏幕外（第一次制作动画之前的位置） ... 为卡片制作动画 ... 重复，等等......

Answer 2

我设法通过在结束 o cardOut 完成块中调用 viewDidLoad() 而不是调用 self.cardIn() 来解决动画问题。但我不想依赖每次新卡必须进入屏幕时调用 viewDidLoad...

另外，我没有在 viewDidLoad 中设置背卡的任何属性。我只在 .xib 文件中有它。有什么想法吗？

Answer 3

请注意，如果您将视图的变换设置为身份变换以外的任何内容，则视图的框架矩形将变为“未定义”。您既不能将其设置为新值，也不能可靠地读取它的值。

如果要更改转换，则应更改代码以使用视图的中心属性。

正如 Jerland 在他们的帖子中指出的那样，您可能还需要在开始下一个动画循环之前将您的背卡重置为其起始位置。 （将其设置为隐藏，将其中心放回起始位置并将其变换设置回身份变换。

编辑：

这段代码：

UIView.animate(withDuration: 1.0, delay: 0, options: .allowAnimatedContent, animations: {
    self.darkCardView?.frame = CGRect(x: xPosition, y: yPosition, width: width!, height: height!)
    self.darkCardView?.transform = (self.darkCardImageView?.transform.rotated(by: CGFloat(-Double.pi/4)))!
}) { (true) in
    self.darkCardView?.transform = (self.darkCardImageView?.transform.rotated(by: CGFloat(0)))!
    self.darkCardView?.frame = self.initialPos

    self.cardIn()
}

不将转换设置为身份。尝试将该行更改为

    self.darkCardView?.transform = .identity