UIView анимированные изменения с авто ограничений макета

Question

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

Есть два UIView s - один называется yellowBox, а другой называется redBox. Ограничения автоматического макета диктуют, что yellowBox - это 60 точек от вершины супервизора с 350 точками переднего и конечного пробелов (то есть слева и справа от представления). redBox имеет те же ограничения на ведущее и конечное пространство. Существует ограничение вертикального пространства между двумя ячейками 0, чтобы указать, что нижняя часть yellowBox всегда должна быть непосредственно сверху redBox.

Когда пользователь нажимает Развернуть кнопку Yellow Box, я хотел бы высоту yellowBox расти и, как следствие, к redBox двигается вниз, чтобы продолжить, удовлетворяющие вертикальное пространство ограничения (что yellowBox всегда на вершине redBox). Вот код анимации:

- (IBAction)expandYellowBox:(id)sender { 

    [UIView animateWithDuration:0.5 
        animations:^{ 
         CGRect newFrame = self.yellowBox.frame; 
         newFrame.size.height += 50; 
         self.yellowBox.frame = newFrame; 
        }]; 

} 

Однако, я не смог заставить это работать должным образом. Как вы можете видеть на красный значок, есть проблема с ограничениями на данный момент:

, который является достаточно справедливым, поскольку нет никакого способа для автоматического макета знать высоту коробки. Однако я не знаю, как решить эту проблему таким образом, чтобы она позволяла изменять размеры и перемещать ящики. Например, если я укажу ограничение высоты на yellowBox, это предотвратит его изменение размера. Если установить ограничение по высоте, чтобы быть больше или равно (разрешить yellowBox высоту, чтобы увеличить), то я получаю другую ошибку ограничение:

Все ограничения, были установлены с помощью Xcode в раскадровке - ни один из них не был написан в коде.

Любая помощь очень ценится.

---

EDIT: Как выясняется, yellowBox растет, когда кнопка нажата - это просто я не могу сказать, потому что кажется, за redBox. Я заметил только после четырехкратного щелчка, и он начал появляться в нижней части redBox. Тем не менее, остается тот же вопрос - как заставить redBox всегда придерживаться нижней части yellowBox.

Answer 1

Попробуй как уже упоминалось shwet-solanki, но добавьте следующую строку после изменения ограничения:

[self.view layoutIfNeeded]; 

IBAction будет выглядеть так:

- (IBAction)expandYellowBox:(id)sender { 

[UIView animateWithDuration:0.5 
       animations:^{ 
        self.yellowBoxHeightConstraint.constant += 50; 
        [self.view layoutIfNeeded]; 
       }]; 
} 

Где yellowBoxHeightConstraint является IBOutlet по высоте скованности yellowBox. Надеюсь, это поможет.

Answer 2

1. Добавить ограничение высоты для обоего взглядов
2. Создания IBOutlet для ограничения высоты yellowbox
3. Теперь вместо того, чтобы изменить высоту yellowbox в кнопках нажимаются события в, а изменить значение высоты ограничения. то есть предположит, что ваше IBOutlet имя ограничения yellowBoxHeightConstraint, то yellowBoxHeightConstraint.constant += 50;

Надеется, что это работает для вас.

Answer 3

// 
// WPViewController.h 
// AutoLayoutTEst 
// 
// Created by VASANTH K on 09/01/14. 
// 
// 

#import <UIKit/UIKit.h> 

@interface WPViewController : UIViewController 
@property (strong, nonatomic) IBOutlet UIButton *button1; 
- (IBAction)buttClicked:(id)sender; 
@property (strong, nonatomic) IBOutlet NSLayoutConstraint *heightConstrain; 

@property (strong, nonatomic) IBOutlet UIButton *button2; 
@end 

нажмите Event

- (IBAction)buttClicked:(id)sender { 


    self.heightConstrain.constant=100; 


} 

здесь и нужно установить heightConstrain для желтой кнопки затем создать эталонный выход тогда, что кнопка обновить heightConstrain обновить размер этой кнопки он автоматически переместите красную кнопку вниз.

https://github.com/vasanth3008/AutoLayoutHeighDemo

см мой пример демонстрационный проект