AutoLayout动画

平常我们实现动画都是直接调整frame,使用autolayout之后,建议调整constraint

 

如上图的约束都是可以通过拖动,拖到.h或者.m文件中的,也是通过IBOutlet标识的

如果你写成下面的代码, 发现动画是不生效的

 [UIView animateWithDuration:1.0 animations:^{
        
        if (self.view.tag) {
            _xConstraint.constant = 20.0;
        } else {
            _xConstraint.constant = self.view.bounds.size.width - 120.0;
        }
    }];

你发现你添加的视图是直来直去的,没有动画

其实需要使用下面的代码,来改变约束,产生动画

    [UIView animateWithDuration:1.0 animations:^{
        
        if (self.view.tag) {
            _xConstraint.constant = 20.0;
        } else {
            _xConstraint.constant = self.view.bounds.size.width - 120.0;
        }
        // 告诉自动布局系统，如果布局变化，更新布局
        
        [self.view layoutIfNeeded];
    }];

 

通过layoutIfNeeded,方法告诉视图,当其子视图发生变化的时候,更新布局,然后再将这个动作包裹到动画代码中

或者下面的代码也可以,先改变约束,然后将通知视图刷新的代码写到动画块里

 if (self.view.tag) {
        _xConstraint.constant = 20.0;
    } else {
        _xConstraint.constant = self.view.bounds.size.width - 120.0;
    }

    [UIView animateWithDuration:1.0 animations:^{
        // demoView setFrame;
        // demoView setCenter;
        // 告诉自动布局系统，如果布局变化，更新布局
        
        [self.view layoutIfNeeded];
    }];