UIImageView从左到右查看图像

Question

So I have a big image in an UIImageView (Swift) with "Aspect Fill"

But What I want is to have like an Animation or Ken Burn Effect on the Image.

In the Image Below... What I want is to go from Red to Yellow seen the image.

Answer 1

Take a normal uiview give it proper height width as per ur wish... Take an imageview inside of it and give the height, x coordinate and y coordinate same as uiview and keep the width as much wide you want to keep the image....

Use UIView.animateWithDuration method and in its animation block set the final desired frame such that the end of image view comes equal to the end of uiview... The image view will slide outside of vision of the uiview as you desire...

You can even repeatedly animate from left to right calling animation into each others completion block

Answer 2

I found an extension for UIImageView called UIImageViewAligned . You can use the alignment properties provided by the extension and animate the changes.

import UIKit
import UIImageViewAligned

class ViewController: UIViewController {

    // MARK: Outlets

    @IBOutlet var imageView: UIImageViewAligned!

    // MARK: Lifecycle

    override func viewDidLoad() {

        super.viewDidLoad()

        imageView?.contentMode = .scaleAspectFill
        imageView?.alignLeft = true
        imageView?.alignRight = false
    }

    override func viewDidAppear(_ animated: Bool) {

        super.viewDidAppear(animated)

        UIView.animate(withDuration: 5) {
            self.imageView?.alignLeft = false
            self.imageView?.alignRight = true
        }
    }
}