我有一个带有动画的自动布局设置,可以改变 NSLayoutContraint 常量值

// set the slide in view's initial height to zero
self.adViewHeightConstraint = [NSLayoutConstraint constraintWithItem:self.adContainerView
                                                           attribute:NSLayoutAttributeHeight
                                                           relatedBy:NSLayoutRelationEqual
                                                              toItem:nil
                                                           attribute:NSLayoutAttributeNotAnAttribute
                                                          multiplier:1.0
                                                            constant:0.0];
[self.view addConstraint:self.adViewHeightConstraint];

//  later, set the slid in view's height to non-zero
double delayInSeconds = 3.0;
dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delayInSeconds * NSEC_PER_SEC));
dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
    self.adViewHeightConstraint.constant = 100;
    [UIView animateWithDuration:2.5 animations:^{
        [self.view layoutIfNeeded];
    }];
});

这正确地动画了我拥有的 View 的大小,因此可以正常工作。然而,我看到的问题是,在 2.5 秒动画的持续时间内,我拥有的一些自定义图层支持的 View 没有被重绘。

我看到的行为是要求自定义图层支持的 View 在动画开始时绘制最终位置,然后应用变换在动画持续时间内拉伸(stretch) View ,直到它最终看起来正确。

这 4 个镜头显示的是红色条向上动画,然后两个蓝色 View 各自缩小高度以适应尺寸减小。图层知道如何为每个边界变化正确绘制自己,但动画并没有要求它在动画的每一步都重新绘制……只是在开始时。这就是为什么黑色圆圈看起来像一个椭圆的原因——它与图像 #4 相同,但被拉伸(stretch)了两半。

自定义 CAlayer 子类有一个覆盖方法: drawInContext: ,并且该层将 needsDisplayOnBoundsChange 设置为 YES

因此,问题仍然存在......我如何告诉 NSLayoutConstraints 的这个动画让 View 在整个动画期间重绘?

最佳答案

这是一个已知问题(如果你用谷歌搜索它,你会看到一些不错的结果,尽管我认为这个答案虽然无可否认地关注了不同的症状,但却是迄今为止我见过的描述问题的最清晰的答案 UIView scaling during animation .. .这是一个旧答案,但我相信仍然适用)。

恕我直言,最简单的解决方案是将图层放在不随动画调整大小的 View 中(例如,固定大小的新 View ,其约束使其以您的内容 View 为中心,但不会随着您的内容 View )。这样,您可以享受基于约束的动画,但不会丢失自定义图层的纵横比/大小。

10-07 19:08
查看更多