使用UIKit与Objective-C修改约束时动画缺失问题

核心问题：初始布局未完成就触发动画 #

你在激活宽度约束后立刻调用layoutIfNeeded并修改约束值，此时系统还没完成初始布局的计算与渲染，动画无法捕捉到从0到60的状态变化，导致直接跳转到目标宽度。

具体修复步骤 #

1. 将关键视图与约束保存为视图属性
   为确保视图和约束被稳定持有且后续可修改，在ProgressBarView的头文件中添加属性：

   @property (nonatomic, strong) UIView *progressForeground;
   @property (nonatomic, strong) NSLayoutConstraint *progressForegroundWidthConstraint;
   

2. 调整布局与动画的执行时机
   激活约束后，需要让系统先完成一次完整的布局更新，再执行动画。通过dispatch_async将动画逻辑放到主线程下一个RunLoop周期，确保初始布局已生效：

   修改后的完整代码：

   // 初始化前景视图
   self.progressForeground = [[UIView alloc] init];
   [self addSubview:self.progressForeground];
   
   self.progressForeground.translatesAutoresizingMaskIntoConstraints = NO;
   [self.progressForeground.heightAnchor constraintEqualToConstant:frame.size.height].active = YES;
   self.progressForeground.backgroundColor = [UIColor colorWithWhite:1.0 alpha:1.0];
   [self.progressForeground.leadingAnchor constraintEqualToAnchor:progressBackground.leadingAnchor].active = YES;
   [self.progressForeground.centerYAnchor constraintEqualToAnchor:progressBackground.centerYAnchor].active = YES;
   self.progressForeground.layer.cornerRadius = 5;
   
   // 创建并激活宽度约束
   self.progressForegroundWidthConstraint = [NSLayoutConstraint constraintWithItem:self.progressForeground
                                                                         attribute:NSLayoutAttributeWidth
                                                                         relatedBy:NSLayoutRelationEqual
                                                                            toItem:nil
                                                                         attribute:NSLayoutAttributeNotAnAttribute
                                                                        multiplier:1.0
                                                                          constant:0];
   self.progressForegroundWidthConstraint.active = YES;
   
   // 触发初始布局
   [self layoutIfNeeded];
   
   // 在下一个RunLoop周期执行动画
   dispatch_async(dispatch_get_main_queue(), ^{
       [UIView animateWithDuration:5 animations:^{
           self.progressForegroundWidthConstraint.constant = 60;
           [self layoutIfNeeded];
       }];
   });
   

额外说明 #

• 将progressForeground设为视图属性，避免局部变量超出作用域后视图被意外释放，保证动画过程中视图的稳定性。
• 如果ProgressBarView是通过Auto Layout创建的，建议把约束配置代码移到updateConstraints方法中，遵循Auto Layout的生命周期规范。

内容的提问来源于stack exchange，提问作者rA9