ios – Animating Constraint更改,定位动画但高度跳跃没有动画

2023年3月8日 129次阅读

我有一个自定义的UIView.在UIView中,我有一个带有黄色背景的UILabel,其中包含名为labelWhite的@“8”.我以编程方式为该UILabel创建了4个约束：top,left,width和height.

当我点击UIView时,我会更改高度的常量值并在5秒内为布局设置动画.但是,视图的高度会立即跳转到新值,但y位置也会立即更改并跳转到新值.然后在5秒的动画中,y位置动画回到应该一直保持的位置.

你可以在这里看到它的视频：http://inadaydevelopment.com/stackoverflow/Constraints0.mov

它应该做的只是保持在y = 0并垂直缩小.我究竟做错了什么？

编辑：

我刚刚发现,如果我的子视图是UIViews,我的动画完全按照预期工作,但作为UILabels,我得到了跳跃大小的动画位置.

到底是怎么回事？有没有办法让UILabels动画他们的大小？

这是我用来修改和动画布局的代码：

self.constraintWhiteHeight.constant = secondaryHeight;

[UIView animateWithDuration:5.0 animations:^{
    [self layoutIfNeeded];
}];

这是我用来创建约束的代码：

// ------ Top -----
NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:self
                                                              attribute:NSLayoutAttributeTop
                                                              relatedBy:NSLayoutRelationEqual
                                                                 toItem:self.labelWhite
                                                              attribute:NSLayoutAttributeTop
                                                             multiplier:1.0
                                                               constant:0];
[self addConstraint:constraint];

// ------ Left -----
self.constraintWhiteLeft = [NSLayoutConstraint constraintWithItem:self
                                                        attribute:NSLayoutAttributeLeft
                                                        relatedBy:NSLayoutRelationEqual
                                                           toItem:self.labelWhite
                                                        attribute:NSLayoutAttributeLeft
                                                       multiplier:1.0
                                                         constant:0];

// ------ Width -----
NSString *constraintString = [NSString stringWithFormat:@"H:[_labelWhite(==%.0f)]", self.bounds.size.width];
NSArray *constraints = [NSLayoutConstraint constraintsWithVisualFormat:constraintString
                                                               options:0
                                                               metrics:nil
                                                                 views:NSDictionaryOfVariableBindings(_labelWhite)];
NSLog(@"constraints: %@", constraints);
self.constraintWhiteWidth = [constraints objectAtIndex:0];
[self.labelWhite addConstraints:constraints];

// ------ Height -----
constraintString = [NSString stringWithFormat:@"V:[_labelWhite(==%.0f)]", primaryHeight];
constraints = [NSLayoutConstraint constraintsWithVisualFormat:constraintString
                                                      options:0
                                                      metrics:nil
                                                        views:NSDictionaryOfVariableBindings(_labelWhite)];
self.constraintWhiteHeight = [constraints objectAtIndex:0];
[self.labelWhite addConstraints:constraints];

最佳答案 我不认为你做错了什么,这似乎是当你试图设置它们的高度时标签的行为方式.我知道我过去曾经解决过这个问题,我不记得我是否找到了一个通过动画块中的约束动画来解决问题的解决方案.我使用它的方法是使用计时器或CADisplayLink来调整高度约束.

-(void)shrinkLabel {
    self.constraintWhiteHeight.constant -= 1;
    if (self.constraintWhiteHeight.constant >= secondaryHeight)
    [self performSelector:@selector(shrinkLabel) withObject:nil afterDelay:.05];
}

编辑后：

虽然计时器方法有效,但它并不总是看起来平滑,具体取决于您使用的速度和增量.另一种方法是使用一个较大的UIView(与电影中的黄色标签大小相同),内部的UILabel较小,对较大的视图有中心X和中心约束.然后,像往常一样使用animateWithDuration动画黄色视图：动画：

-(void)shrinkLabel {
    self.yellowViewHeightCon.constant = secondaryHeight;
    [UIView animateWithDuration:5 animations:^{
        [self layoutIfNeeded];
    }];
}
点赞