Combining an animation of an UIImageView with a transition

Question

I am doing a transition of an UIImageView's image and would also like to move the image view at the same time. The results so far is that the image transitions, but not while moving.

class ViewController: UIViewController {

    @IBOutlet weak var imageView: UIImageView!
    @IBOutlet weak var imageViewTopConstraint: NSLayoutConstraint!

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)

        UIView.transition(with: imageView, duration: 2.0, options: .transitionCrossDissolve, animations: {
            self.imageView.image = UIImage(named: "otherImage")
        }, completion: nil)

        imageViewTopConstraint.constant = 200

        UIView.animate(withDuration: 2.0) {
            self.view.layoutIfNeeded()
        }
    }

}

Any ideas on how to solve this?

Yes, the image does dissolve and move, but I want the dissolve effect to happen while the imageView is moving. It now dissolves in it's initial position and once the transition is done you see the image move. — José
– José, Commented Feb 23, 2017 at 18:16

James P · Accepted Answer · 2017-02-23 18:52:47Z

3

You can put your imageView inside a container, then animate the constraints of the container while doing the transition on the imageView.

answered Feb 23, 2017 at 18:52

James P

4,8692 gold badges38 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

matt Over a year ago

Ooooh, that sounds promising. — Yup, tried it. Excellent.

José Over a year ago

Yeah, this works and I can keep the amount of outlets to 2. Thanks.

Collectives™ on Stack Overflow

Combining an animation of an UIImageView with a transition

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related