使用自动布局动画UILabel宽度

Question

我正在尝试动画UILabel的宽度。出于某种原因，动画不起作用，标签立即改变大小。我使用自动布局。这里是我写的重现这个示例项目的代码。点击按钮可更改按钮和标签的尾随限制。

@interface ViewController() 

@property (assign, nonatomic) BOOL controlsResized; 
@property (weak, nonatomic) IBOutlet UIButton *button; 
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *buttonTrailingConstraint; 
@property (weak, nonatomic) IBOutlet MyLabel *label; 
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *labelTrailingConstraint; 
- (IBAction)doTapButton:(id)sender; 

@end 

@implementation ViewController 

- (void)viewDidLoad { 
    [super viewDidLoad]; 

    [self.button setTranslatesAutoresizingMaskIntoConstraints:NO]; 
    [self.label setTranslatesAutoresizingMaskIntoConstraints:NO]; 
    self.label3.text = @"asdfasdfds sklfjfjls sdlkfj jjjjkfjkfdsjkdfsjklffsjkfdsjkl"; 
}  


- (IBAction)doTapButton:(id)sender 
{ 
    if (!self.controlsResized) 
    { 
     [UIView animateWithDuration:0.5 animations:^{ 
      self.buttonTrailingConstraint.constant = 0; 
      [self.button layoutIfNeeded]; 
      self.labelTrailingConstraint.constant = 0; 
      [self.label layoutIfNeeded]; 

      self.controlsResized = YES; 
     }]; 
    } 
    else 
    { 
     [UIView animateWithDuration:0.5 animations:^{ 
      self.buttonTrailingConstraint.constant = 100; 
      [self.button layoutIfNeeded]; 
      self.labelTrailingConstraint.constant = 100; 
      [self.label layoutIfNeeded]; 

      self.controlsResized = NO; 
     }]; 
    } 
} 

@implementation MyLabel 

- (void)drawTextInRect:(CGRect)rect 
{ 
    NSLog(@"drawTextInRect"); 
    [super drawTextInRect:rect]; 
} 

@end 

正如你可以在video看到，它的工作原理为按钮，但对于标签不起作用。

我试图从MyLabel类调​​查和subclassed标签。看起来，- (void)drawTextInRect:(CGRect)rect立即被按钮按钮调用，作为[self.label layoutIfNeeded];在动画块中的原因。为什么这样？我会期望帧被改变为动画，因为它被设置在动画块内。它和UIButton的预期一样。

为什么UILabel不调整动画大小？有没有办法解决它？

编辑： 我尝试了当前答案中提出的方法，但它们也不起作用。我认为动画代码在这里不是问题，因为它适用于我的示例中的按钮。这个问题似乎与UILabel具体有关。 UILabel似乎处理动画的大小变化不同于其他UIView子类，但我不明白为什么。

Answer 1

我会发表评论，但我没有必要的声誉。这里是我会做什么：

self.buttonTrailingConstraint.constant = x; 
self.labelTrailingConstraint.constant = x; 

[UIView animateWithDuration:0.5 animations:^{ 

    [self.view layoutIfNeeded]; 
}]; 

当你更新你需要考虑到要修改相应的视图的约束并不需要更新的唯一一个约束，所以布局方法调用是更好的做在父视图上。

这对我来说每次都有效。希望这可以帮助。

Answer 2

在动画之前，您必须设置约束的常量。

试试这个：

- (IBAction)doTapButton:(id)sender 
{ 
    if (!self.controlsResized) 
    { 
     self.buttonTrailingConstraint.constant = 0; 
     self.labelTrailingConstraint.constant = 0; 

     [UIView animateWithDuration:0.5 animations:^{ 
      [self.view layoutIfNeeded]; 
     } completion:^(BOOL finished) { 
      self.controlsResized = YES; 
     }]; 
    } 
    else 
    { 
     self.buttonTrailingConstraint.constant = 100; 
     self.labelTrailingConstraint.constant = 100; 

     [UIView animateWithDuration:0.5 animations:^{ 
      [self.view layoutIfNeeded]; 
     } completion:^(BOOL finished) { 
      self.controlsResized = NO; 
     }]; 
    } 
} 

Answer 3

有几个部分来使这个100％按预期方式工作：

• 呼叫layoutIfNeeded第一
• 设置动画块
的约束不变外
• 调用layoutIfNeeded块内

从工作实现复制：

[self.view layoutIfNeeded]; 
self.topContainerConstraint.constant = constraintValue; 
[UIView animateWithDuration:0.25 animations:^{ 
    [self.view layoutIfNeeded]; 
} completion:^(BOOL finished){ }]; 

我想你的功能更改为类似以下的（显然未经测试）：

- (IBAction)doTapButton:(id)sender 
{ 
    if (!self.controlsResized) 
    { 
     [self.view layoutIfNeeded]; 
     self.labelTrailingConstraint.constant = 0; 
     self.buttonTrailingConstraint.constant = 0; 
     [UIView animateWithDuration:0.5 animations:^{ 
      [self.view layoutIfNeeded]; 
      self.controlsResized = YES; 
     }]; 
    } 
    else 
    { 
     [self.view layoutIfNeeded]; 
     self.labelTrailingConstraint.constant = 100; 
     self.buttonTrailingConstraint.constant = 100; 
     [UIView animateWithDuration:0.5 animations:^{ 
      [self.view layoutIfNeeded]; 
      self.controlsResized = NO; 
     }]; 
    } 
}