ios - ImageView 向下滚动时缩放

Question

如何在向下滚动时使用 autolayout 简单地缩放 imageView？

尝试查看视差效果，但不是我想要的。

我只想使用一个 scrollView 和一个可以根据 scrollView 位置调整大小的 header ImageView。

Answer 1

一步一步:

1 - 打开 Storyboard并在顶部添加一个具有这些约束的 ImageView (选择您的纵横比):

2 - 为您的 uiimage 选择 aspectFill 模式和 clipSubviews

3 - 在您的 viewController 顶部添加一个 UIScrollView，其中包含一个 subview 。关于 scrollView 自动布局的所有细节:http://natashatherobot.com/ios-autolayout-scrollview/

4 - 然后在代码中引用您的 imageView 和 scrollView。

5 - 在 vi​​ewDidLoad 中，插入self.automaticallyAdjustsScrollViewInsets = false 并设置 scrollView 的 contentInsets 和 contentOffset :

class ViewController: UIViewController {

    @IBOutlet weak var scrollView: UIScrollView!
    @IBOutlet weak var imageView: UIImageView!

    override func viewDidLoad() {
        super.viewDidLoad()

        self.automaticallyAdjustsScrollViewInsets = false
   }

    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()

        let imageHeight = imageView.frame.height

        let newOrigin = CGPoint(x: 0, y: -imageHeight)

        scrollView.contentOffset = newOrigin
        scrollView.contentInset = UIEdgeInsets(top: imageHeight, left: 0, bottom: 0, right: 0)
    }

}

6 - 添加 scrollviewDelegate 到 ViewController 和 scrollViewDidScroll 方法来获取 scrollView 的位置

class ViewController: UIViewController, UIScrollViewDelegate

override func viewDidLoad() {
        super.viewDidLoad()

        scrollView.delegate = self
        self.automaticallyAdjustsScrollViewInsets = false
}

func scrollViewDidScroll(scrollView: UIScrollView) {

    let offsetY = scrollView.contentOffset.y

    if offsetY < 0
    {
        imageView.frame.size.height = -offsetY
    }
    else
    {
        imageView.frame.size.height = imageView.frame.height
    }
}

7 - 然后构建并运行。

你可以在github上下载例子: https://github.com/raphrel/scalingImageWhenScrollDown

也许有更好的解决方案，但这个可行。享受