使用自動佈局動畫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; 
     }]; 
    } 
}