我不知道如何使用自动布局制作滑入/滑出动画。
我添加这样的约束:
NSDictionary *viewsDic = @{@"tmpView" : tmpView};
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat"H:|[tmpView]|" options:0 metrics:nil views:viewsDic]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat"V:|[tmpView]|" options:0 metrics:nil views:viewsDic]];
[UIView animateWithDuration:.4 animations:^{
[self.view layoutIfNeeded];
}];
但这动画会从 0,0 位置开始增长。如何实现滑入/滑出动画?
Best Answer-推荐答案 strong>
据我了解,您需要获得移位效果。如果我的假设是正确的,您需要在动画期间手动管理水平或垂直填充。你需要得到水平/垂直约束的引用:
@property (nonatomic, strong) NSLayoutConstraint *topPadding;
@property (nonatomic, strong) NSLayoutConstraint *heightConstraint;
添加具有初始值的约束,以便 tmpView 不在其父 View 的可见部分:
self.heightConstraint = [NSLayoutConstraint constraintWithItem:tmpView
attribute:NSLayoutAttributeHeight
relatedBy:NSLayoutRelationEqual
toItem:nil
attribute:NSLayoutAttributeNotAnAttribute
multiplier:1.0
constant:0.0];
self.topPadding = [NSLayoutConstraint constraintWithItem:tmpView
attribute:NSLayoutAttributeTop
relatedBy:NSLayoutRelationEqual
toItem:self.view
attribute:NSLayoutAttributeTop
multiplier:1.0
constant:self.view.bounds.size.height];
[self.view addConstraint:self.topPadding];
[self.view addConstraint:self.heightConstraint];
那么我们只需要用动画显示 tmpView :
[self.view layoutIfNeeded];
[UIView animateWithDuration:.4 animations:^{
self.topPadding.constant = 0.0;
self.heightConstraint.constant = self.view.bounds.size.height;
[self.view layoutIfNeeded];
}];
这个例子 tmpView 从底部出现。
请确保 self.topPadding 不会与您的其他约束冲突
要隐藏 View ,您可以使用以下内容:
[self.view layoutIfNeeded];
[UIView animateWithDuration:.4 animations:^{
self.topPadding.constant = self.superview.bounds.size.height;
[self.view layoutIfNeeded];
}];
UPD.:有时您还需要添加高度约束。在我的示例中添加了 self.heightConstraint 的使用
UPD.:您仍然需要水平约束。
请留下这些行:
NSDictionary *viewsDic = @{@"tmpView" : tmpView};
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat"H:|[tmpView]|" options:0 metrics:nil views:viewsDic]];
关于ios - UIView 自动布局在屏幕内或屏幕外滑动动画,我们在Stack Overflow上找到一个类似的问题:
https://stackoverflow.com/questions/25423278/
|