ios - UIView animateWithDuration 在动画 block 之外为自动布局 View 设置动画

标签 ios swift uiview autolayout animatewithduration

我注意到在我的应用程序中的不同时间,当我调用 UIView.animateWithDuration 时,如果我有任何其他类型的自动布局请求,或者甚至像更改常量这样简单的事情NSLayoutConstraint,即使这些更改不在动画 block 内,它们也会被动画化。例如:我有一个 UIViewController,它会在调用 viewDidAppear 后立即将用户选择的图像添加到 UIScrollView 中,以便它可以调整大小和编辑。我正在努力添加一个带有一些 GIF 的小演示 View ,以在用户首次使用该应用程序时为他们提供帮助。 View 显示后,它应该将图像(我首先将其设置为适合他们的屏幕)添加到 scrollView,然后将 demonstrationView alpha 从零设置为 1.0。我遇到的问题是,即使我添加和调整图像 assignImageChosen 的函数在 animateWithDuration 之前被调用,并且在动画 block 之外,但尺寸限制的变化也是动画的。

override func viewDidAppear(animated: Bool) {

    if let image = startImage {
        self.assignImageChosen(image)
        currentlyEditing = true
    }

    if preLoadGame {

        UIView.animateWithDuration(1.0, delay: 0.5, options: UIViewAnimationOptions.CurveEaseInOut, animations: {


            self.demonstrationView.alpha = 1.0
            self.view.layoutIfNeeded()

            }, completion: nil)

    }

}

这是函数 assignImageChosen:

func assignImageChosen(image: UIImage) {

    var ratio:CGFloat!
    let screen:CGFloat = max(self.scrollView.frame.height, self.scrollView.frame.width)
    var maxImage:CGFloat!
    if UIDevice.currentDevice().orientation.isPortrait {
        if image.size.height >= image.size.width {
            maxImage = max(image.size.height, image.size.width)
        }
        else {
            maxImage = min(image.size.height, image.size.width)
        }
    }
    else {
        if image.size.width >= image.size.height {
            maxImage = max(image.size.height, image.size.width)
        }
        else {
            maxImage = min(image.size.height, image.size.width)
        }
    }

    if maxImage > screen {
        ratio = screen/maxImage
    }
    else {
        ratio = 1.0
    }

    self.imageView.image = image
    self.imageHeight.constant = image.size.height * ratio
    self.scrollView.contentSize.height = image.size.height * ratio
    self.imageWidth.constant = image.size.width * ratio
    self.scrollView.contentSize.width = image.size.width * ratio

}

变量imageHeightimageWidth都是NSLayoutConstraint的,imageViewUIImageView 它们被设置为。因此,一旦我更改了图像,我就更改了约束,以便 UIScrollView 中的 imageView 适合屏幕。问题是,当我这样做时,即使更改是在动画 block 外部调用的,这些更改仍然是动画的。

这是一个 GIF 示例,展示了我正在尝试(很糟糕)通过文字进行交流的内容:

issue

我已经找到了一种方法来规避这个问题,但感觉就像是一个彻底的破解。我通过使用 dispatch_after 命令手动对系统进行编码以延迟动画的执行,如下所示:

override func viewDidAppear(animated: Bool) {

    if let image = startImage {
        self.assignImageChosen(image)
        currentlyEditing = true
    }

    if preLoadGame {

        let delay = 0.5 * Double(NSEC_PER_SEC)
        let popTime = dispatch_time(DISPATCH_TIME_NOW, Int64(delay))
        dispatch_after(popTime, dispatch_get_main_queue(), {
            UIView.animateWithDuration(1.0, delay: 0, options: UIViewAnimationOptions.CurveEaseInOut, animations: {


                self.demonstrationView.alpha = 1.0
                self.view.layoutIfNeeded()

                }, completion: nil)
        })

    }

}

因此,我没有在 animateWithDuration 函数中使用 delay 变量,而是延迟函数的执行。它有效,但我认为必须有更好的方法来做到这一点!为什么那些不在动画 block 内的布局更改会被动画化?我怎样才能以适当、有效的方式解决这个问题?

这是我的 hack 的样子,以及我想象的没有它的样子:

with hack

对于这个令人沮丧的问题,我很感激任何帮助!

最佳答案

发生这种情况是因为在动画 block 中调用 layoutIfNeeded 会导致所有未决的布局更改计算出它们的新值以供动画使用。实际上,这是用约束来动画变化的方式,将它们设置在动画 block 之外,然后在 block 中调用 layoutIfNeeded;计算新值并将其用于动画。

幸运的是,解决方案似乎如所希望的那样简单,在执行动画之前调用 layoutIfNeeded,然后在 block 中再次调用它。根据this answer和其他人这实际上是 Apple 的官方推荐,尽管他们提供的 apple.com 链接已损坏。

(顺便说一下,关于你的 hack,在某些情况下你需要在 UIKit 完成其布局过程后错开更改,例如在 reloadData 完成后在 UITableView 上做一些事情.“正确的 hack”是做一个 UIViewAnimation,然后在它的完成 block 中做第二个动画,保持它在 UIKit 中的顺序。)

关于ios - UIView animateWithDuration 在动画 block 之外为自动布局 View 设置动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40141102/

相关文章:

iphone - 如何从 View 中了解标签值

ios - 在推送/本地通知的右侧显示自定义图像?

ios - 带有初始值设定项的惰性属性

ios - 为来自 iOS 背景的 OS X 开发

ios - 如何在单元格中保存复选标记附件

ios - 保存图像然后在 Swift (iOS) 中加载它

ios - UINavigatoinBar 背景图像 swift 出现两次

swift - 加载 Controller 后如何以编程方式添加 View

ios - 在 UIView/UIWindow 上应用过滤器以修改底层 View 渲染

ios - 如何删除 UITableView 上的 "just the selection color"