Ограничения не работают при изменении размера UIView с помощью анимации

Question

Это странно, что я сейчас смотрю прямо сейчас, я знаю, что добавление ограничений в AutoLayout IB просто. Но я действительно не мог понять, почему мои простые ограничения не работают, когда я изменяю размер (ZoomIn Animation) UIView.

View Я нацелился на zoomIn, отлично работает, но в нем нет должного представления. Кажется, что ограничения не работают.

Из этой установки, где в желтых коробках находятся UIViews, а Зеленые коробки - UIImageViews. Когда я постучал по желтой коробке, он должен увеличить масштаб, как показано на фотографии ниже.

Эти ограничения:

Это должно быть ожидаемый в результате на ZoomIn AnimationBut я не получил никакой удачи, желтая коробка ZoomIn но Green Box Выпущено на своей старой позиции и не изменил размер.

Я положил ведущее, конечное, topSpace и bottomSpace из желтой коробки в зеленую коробку. Моего кода для изменения размера желтого ящика является:

- (void) resizeViewWithZoomInAnimation: (UIView*)view duration:(float)secs option:(UIViewAnimationOptions) option { 

//sets the new width and height of deal's view 
float newWidth = view.superview.frame.size.width - 20; 
float newHeight = view.superview.frame.size.height - 20; 

[UIView animateWithDuration:secs delay:0.0 options:option 
       animations: ^{ 

        switch ([view tag]) { 
         case 1: 
          [view setFrame:CGRectMake(view.frame.origin.x, view.frame.origin.y, newWidth, newHeight)]; 
          break; 
         case 2: 
          [view setFrame:CGRectMake(CGRectGetMaxX(view.frame),CGRectGetMinY(view.frame), -newWidth , newHeight)]; 
          break; 
         case 3: 
          [view setFrame:CGRectMake(CGRectGetMinX(view.frame),CGRectGetMaxY(view.frame), newWidth , -newHeight)]; 
          break; 
         case 4: 
          [view setFrame:CGRectMake(CGRectGetMaxX(view.frame),CGRectGetMaxY(view.frame), -newWidth, -newHeight)]; 
          break; 
        } 
       } 
       completion:nil]; 
} 

Это должно быть ожидаемым в результате на ZoomIn Animation:

Answer 1

При попытке анимации с Автокомпоновкой, вы должны не кадры просматривать изменения непосредственно , Вместо этого вы должны анимировать изменения ограничений.

Для доступа к ограничениям из раскадровки вы можете просто create IBOutlets для них.

[containerView layoutIfNeeded]; // complete pending layout operations (optional) 
[UIView animateWithDuration:1.0 animations:^{ 

    // Update constraints 
    self.viewConstraint1.constant = NEW_VALUE; 
    self.viewConstraint2.constant = NEW_VALUE; 

    // Animate the changes 
    [containerView layoutIfNeeded]; 
}]; 

Обратите внимание, что вы обычно хотите позвонить layoutIfNeeded на супер зрения (или выше) в виде вы пытаетесь оживить.

Я рекомендую прочитать дополнительную информацию об автоматической компоновке в Apple official guide.

Answer 2

твик для ответа на данный вопрос, я из в течение UIViewController

[self.view layoutIfNeeded]; 
    [UIView animateWithDuration:.5 
         animations:^{ 
          myConstraint.constant = 64; 
          [self.view layoutIfNeeded]; 
         } 
         completion:^(BOOL finished) { 
          // whatever 
         }]; 

Изменения Примечание: Apple, документы рекомендуется использовать layoutIfNeeded, и называя это как до, так и в блоке анимации. Это позволяет убедиться, что стек анимации очищен до начала.

Кроме того, вы должны вызвать layoutIfNeeded на родительском представлении ограничения, которое вы будете анимировать, а не на представлении, которому принадлежит ограничение. Спасибо @nkukushkin за исходный ответ.

Также важно правильно настроить ваши ограничения. Инструмент «fix constraints» в IB не обязательно будет настраивать их таким образом, чтобы он работал правильно для анимации. Для меня мне пришлось пройти через них и подумать, как я хочу, чтобы зависимости работали, что, конечно же, ожидалось, но может быть неочевидным для новичка (и приводит к ошибкам).

Answer 3

Когда вы используете ограничения, генерируются предварительные ограничения. Когда вы действуете по положению и размеру, удалите ограничения во время анимирования представления или выполните следующие действия:

yourView.translatesAutoresizingMaskIntoConstraints = YES;