如何使约束更改动画化？

Question

我正在用AdbannerView更新一个旧的应用程序，当没有广告时，它就会滑出屏幕。当有广告时，它会在屏幕上滑动。基本的东西。

老风格，我设置了一个动画块的框架。新样式中，我有一个IBOutlet到auto-layout约束，它确定Y位置，在本例中是距离超级视图底部的距离，并修改常数：

- (void)moveBannerOffScreen {
    [UIView animateWithDuration:5 animations:^{
        _addBannerDistanceFromBottomConstraint.constant = -32;
    }];
    bannerIsVisible = FALSE;
}

- (void)moveBannerOnScreen {
    [UIView animateWithDuration:5 animations:^{
        _addBannerDistanceFromBottomConstraint.constant = 0;
    }];
    bannerIsVisible = TRUE;
}

和预期的一样,但没有动画。

更新：我重新观看了WWDC12讨论的最佳实践，以掌握自动布局，其中包括动画。它讨论了如何使用CoreAnimation更新约束：

我尝试了以下代码，但得到了完全相同的结果：

- (void)moveBannerOffScreen {
    _addBannerDistanceFromBottomConstraint.constant = -32;
    [UIView animateWithDuration:2 animations:^{
        [self.view setNeedsLayout];
    }];
    bannerIsVisible = FALSE;
}

- (void)moveBannerOnScreen {
    _addBannerDistanceFromBottomConstraint.constant = 0;
    [UIView animateWithDuration:2 animations:^{
        [self.view setNeedsLayout];
    }];
    bannerIsVisible = TRUE;
}

在一个附带说明中，我已经检查了很多次，这是在主线程上执行的。

Answer 1

我很感激你提供的答案，但我想再深入一点就好了。

[containerView layoutIfNeeded]; // Ensures that all pending layout operations have been completed
[UIView animateWithDuration:1.0 animations:^{
     // Make all constraint changes here
     [containerView layoutIfNeeded]; // Forces the layout of the subtree animation block and then captures all of the frame changes
}];

但实际上这是一个非常简单化的场景。如果我想通过updateConstraints方法对子视图约束进行动画化，该怎么办？

[self.view layoutIfNeeded];
[self.subView setNeedsUpdateConstraints];
[self.subView updateConstraintsIfNeeded];
[UIView animateWithDuration:1.0f delay:0.0f options:UIViewAnimationOptionLayoutSubviews animations:^{
    [self.view layoutIfNeeded];
} completion:nil];

updateConstraints方法在UIView子类中被重写，并且必须在方法末尾调用super。

- (void)updateConstraints
{
    // Update some constraints

    [super updateConstraints];
}

AutoLayout指南有很多需要的地方，但它值得一读。我自己也使用它作为UISWitch的一部分，它用一对UITextField切换子视图，并使用一个简单而微妙的折叠动画（0.2秒长）。子视图的约束正在UIView子类updateConstraints方法中处理，如上所述。

Answer 2

两个重要的注意事项：

>

您需要在动画块内调用LayoutifNeeded。Apple实际上建议您在动画块之前调用它一次，以确保所有挂起的布局操作已经完成

您需要专门在父视图（例如self.view)上调用它，而不是在附加了约束的子视图上调用它。这样做将更新所有受约束的视图，包括对可能被约束到您更改了约束的视图的其他视图进行动画化（例如，视图B附加到视图A的底部，而您刚刚更改了视图A的顶部偏移量，并且您希望视图B用它进行动画化）

试试看：

目标-C

- (void)moveBannerOffScreen {
    [self.view layoutIfNeeded];

    [UIView animateWithDuration:5
        animations:^{
            self._addBannerDistanceFromBottomConstraint.constant = -32;
            [self.view layoutIfNeeded]; // Called on parent view
        }];
    bannerIsVisible = FALSE;
}

- (void)moveBannerOnScreen { 
    [self.view layoutIfNeeded];

    [UIView animateWithDuration:5
        animations:^{
            self._addBannerDistanceFromBottomConstraint.constant = 0;
            [self.view layoutIfNeeded]; // Called on parent view
        }];
    bannerIsVisible = TRUE;
}

雨燕3

UIView.animate(withDuration: 5) {
    self._addBannerDistanceFromBottomConstraint.constant = 0
    self.view.layoutIfNeeded()
}