如何为带有Auto Layout约束的UIView通过设置frame实现动画？

方案1：使用约束动画（推荐） #

既然依赖Auto Layout管理布局，就遵循它的规则，通过修改约束的constant值实现动画，而非直接修改frame：

1. 先在MyView中持有_imageView的约束引用，初始化时配置约束：

// MyView.h 或内部延展中声明约束属性
@property (nonatomic, strong) NSLayoutConstraint *imageViewTopConstraint;
@property (nonatomic, strong) NSLayoutConstraint *imageViewLeadingConstraint;
@property (nonatomic, strong) NSLayoutConstraint *imageViewWidthConstraint;
@property (nonatomic, strong) NSLayoutConstraint *imageViewHeightConstraint;

// MyView.m 初始化方法
- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        _imageView = [[UIImageView alloc] init];
        _imageView.translatesAutoresizingMaskIntoConstraints = NO;
        [self addSubview:_imageView];
        
        // 添加约束并保存引用
        self.imageViewTopConstraint = [_imageView.topAnchor constraintEqualToAnchor:self.topAnchor];
        self.imageViewLeadingConstraint = [_imageView.leadingAnchor constraintEqualToAnchor:self.leadingAnchor];
        self.imageViewWidthConstraint = [_imageView.widthAnchor constraintEqualToConstant:self.bounds.size.width];
        self.imageViewHeightConstraint = [_imageView.heightAnchor constraintEqualToConstant:self.bounds.size.height];
        
        [NSLayoutConstraint activateConstraints:@[self.imageViewTopConstraint, self.imageViewLeadingConstraint, self.imageViewWidthConstraint, self.imageViewHeightConstraint]];
    }
    return self;
}

2. 在动画方法中修改约束值，触发布局动画：

// MyViewController 中的 animateOnImage 方法
- (void)animateOnImage {
    MyView *myView = (MyView *)self.view;
    // 更新约束目标值
    myView.imageViewTopConstraint.constant = 100;
    myView.imageViewLeadingConstraint.constant = 100;
    myView.imageViewWidthConstraint.constant = 400;
    myView.imageViewHeightConstraint.constant = 500;
    
    // 执行动画
    [UIView animateWithDuration:0.3 animations:^{
        [myView layoutIfNeeded];
    }];
}

这种方式完全贴合Auto Layout逻辑，不会出现动画后跳回原布局的问题。

方案2：临时禁用Auto Layout对imageView的控制 #

如果坚持直接修改frame，可临时关闭_imageView的约束自动转换，让系统不再通过约束管理它的frame：

- (void)animateOnImage {
    MyView *myView = (MyView *)self.view;
    // 关闭约束自动转换，允许手动修改frame
    myView.imageView.translatesAutoresizingMaskIntoConstraints = YES;
    
    [UIView animateWithDuration:0.3 animations:^{
        [myView shrinkImageView];
    } completion:^(BOOL finished) {
        // 动画结束后若需恢复约束控制，重新配置约束
        if (finished) {
            myView.imageView.translatesAutoresizingMaskIntoConstraints = NO;
            [myView setupImageViewConstraints]; // 自行实现该方法重新添加约束
        }
    }];
}

注意：此方案可能引发后续布局冲突，需在动画结束后做好约束恢复，非最优解。

方案3：移除Auto Layout约束（仅纯手动布局场景） #

如果MyView完全不需要Auto Layout，可直接移除_imageView的所有约束，确保frame完全由手动控制：

// MyView.m 的 layoutSubviews 方法
- (void)layoutSubviews {
    [super layoutSubviews];
    // 移除所有约束
    [_imageView removeConstraints:_imageView.constraints];
    [self removeConstraints:self.constraints];
    // 设置frame
    _imageView.frame = self.bounds;
}

该方法不建议在混合使用Auto Layout的场景下采用，容易引发布局混乱。

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