Animate UIView using swift 4.2 [closed] - ios

Question

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
Someone, please help me with this animation, When I click on X button the cardView move out form screen with 0.3 seconds after that card comes back it's an original position(that is center of the parent view) with fade animation. Same thing for right side when users click on the ✅ button the card should move right.
UIView.animate(withDuration: 0.5, delay: 0, options: .curveEaseOut, animations: {
self.cardView.frame.origin.x = self.cardView.frame.minX - (self.cardView.frame.width + 100)
self.cardView.transform = CGAffineTransform(rotationAngle:-45)
}) { (true) in
self.cardView.center = self.view.center
self.cardView.alpha = 0;
self.cardView.transform = CGAffineTransform.identity
UIView.animate(withDuration: 0.5, animations: {
self.cardView.alpha = 1.0;
}, completion: { (true) in
})
}
Example of Image -

Answer 1

I believe that your main issue is that you don't call the layoutIfNeeded() function that actually makes the animation happens. check documentation. Try this function it should do what you want.
func doAnimationAction(isTick: Bool) {
let originToReturn = CGPoint(x: self.view.frame.origin.x, y: self.cardView.frame.origin.y)
UIView.animate(withDuration: 0.5, animations: {
self.cardView.alpha = 0.0
if isTick {
// Go left
self.cardView.frame.origin.x = 0 - (self.cardView.frame.width * 1.5)
} else {
// Go right (you can change them)
self.cardView.frame.origin.x = self.view.frame.width + (self.cardView.frame.width * 1.5)
}
self.cardView.transform = CGAffineTransform(rotationAngle:-45)
self.cardView.layoutIfNeeded()
self.cardView.superview?.layoutIfNeeded()
}) { (finished) in
// Here you can update the cardViewData
UIView.animate(withDuration: 0.5, animations: {
self.cardView.transform = CGAffineTransform(rotationAngle:0)
self.cardView.frame.origin = originToReturn
self.cardView.alpha = 1.0
self.cardView.layoutIfNeeded()
self.cardView.superview?.layoutIfNeeded()
}, completion: { (finishedSecondAnimation) in
})
}
}