UIView animation dans le bloc d'achèvement commence par déplacement

Question

J'ai écrit une simple chaîne d'animation avec deux animations utilisant UIView.animate, mais la deuxième animation dans le bloc d'achèvement ne commence pas exactement à partir de l'endroit où la première animation, donc j'ai un étrange déplacement vers la droite. Quelqu'un pourrait-il aider? Peut-être que je n'ai pas entièrement compris la propriété tranfrorm.

UIView.animate(withDuration: 3, animations: { 
    self.redView.transform = self.redView.transform.translatedBy(x: 100, y: 0) 
}) { (_) in 
    UIView.animate(withDuration: 2, animations: { 
     self.redView.transform = self.redView.transform.scaledBy(x: 2, y: 2) 
    }) 
} 

Mon redView devrait être déplacé à droite sur 100 et au même endroit est devenu deux fois plus grand. Mais avant la deuxième animation, il y a un déplacement vers la droite. Je n'ai aucune idée de la raison pour laquelle cela arrive. Merci!

gifs cette question:

Answer 1

Je ne sais pas quel est votre intention, mais j'animer le cadre dans le premier bloc:

let initialFrame = redView.frame 
UIView.animate(withDuration: 3, animations: { 
    self.redView.frame = initialFrame.offsetBy(dx: 100, dy: 0) 
}) { (_) in 
    UIView.animate(withDuration: 2, animations: { 
     self.redView.transform = self.redView.transform.scaledBy(x: 2, y: 2) 
    }) 
}