首页 > 代码库 > AutoLayout动画

AutoLayout动画

2024-07-28 15:44:09   222人阅读

平常我们实现动画都是直接调整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];    }];

 

AutoLayout动画


联系
我们