iOS: як можна анімувати нове обмеження для автоматичного вимикання (висота)

Я ніколи раніше не працював із обмеженнями для автоматичного вимикання . У мене є невеличке нове додаток, над яким я працюю, і помітив, що погляди НІБ є дефолтними для автоматичного розміщення. Отже, я зрозумів, що скористаюся можливістю попрацювати з цим і спробую розібратися, куди Apple з цим рухається.

Перший виклик:

Мені потрібно змінити розмір MKMapView, і я хотів би перетворити його на нову позицію. Якщо я роблю це так, як я звик:

[UIView animateWithDuration:1.2f
     animations:^{
         CGRect theFrame = worldView.frame;
         CGRect newFrame = CGRectMake(theFrame.origin.x, theFrame.origin.y, theFrame.size.width, theFrame.size.height - 170);
         worldView.frame = newFrame;
}];

... тоді MKMapView повернеться до початкової висоти щоразу, коли огляд побратимів буде оновлено (у моєму випадку назву UISegmentedControl оновлюється [myUISegmentedControl setTitle:newTitle forSegmentAtIndex:0]).

Так, що я думаю , що я хочу зробити , це змінити обмеження на MKMapView від дорівнює Hight батьківського виду, щоб бути по відношенню до верхньої частини UISegmentedControl , що було покриває:V:[MKMapView]-(16)-[UISegmentedControl]

Мені потрібно, щоб висота MKMapView скоротилася, щоб виявити деякі елементи керування під поданням карти. Для цього я думаю, що мені потрібно змінити обмеження з фіксованого перегляду в повному розмірі на таке, де дно обмежене вершиною UISegmentedControl ... і мені хотілося б, щоб воно анімувало, коли подання зменшується до нового розміру.

Як про це йдеться?

Редагувати - ця анімація не анімація, хоча дно перегляду рухається на 170 миттєво:

    [UIView animateWithDuration:1.2f
         animations:^{
             self.nibMapViewConstraint.constant = -170;

    }];

і nibMapViewConstraintприєднаний в IB до нижнього обмеження вертикального простору.

Після оновлення обмеження:

[UIView animateWithDuration:0.5 animations:^{[self.view layoutIfNeeded];}];

Замініть self.viewпосиланням на містити подання.

Це працює для мене (І iOS7, і iOS8 +). Клацніть на обмеження для автоматичного макета, яке ви хочете скорегувати (у конструкторі інтерфейсів, наприклад, верхнє обмеження). Далі зробіть це IBOutlet;

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *topConstraint;

Анімація вгору;

    self.topConstraint.constant = -100;    
    [self.viewToAnimate setNeedsUpdateConstraints]; 
    [UIView animateWithDuration:1.5 animations:^{
        [self.viewToAnimate layoutIfNeeded]; 
    }];

Анімація назад до оригінального місця

    self.topConstraint.constant = 0;    
    [self.viewToAnimate setNeedsUpdateConstraints];  
    [UIView animateWithDuration:1.5 animations:^{
        [self.viewToAnimate layoutIfNeeded];
    }];

Є дуже хороший підручник із самого яблука, який пояснює, як користуватися анімацією з автоматичним розкладом. Перейдіть за цим посиланням, а потім знайдіть відео з назвою "Автоматичний макет на прикладі". Він містить цікаві відомості про авторозкладку, а остання частина - про те, як використовувати анімацію.

Я зробив цю маленьку демонстрацію доступною . Це показує, як обмеження автоматичного компонування можуть бути змінені та анімовані на дуже простому прикладі. Просто погляньте на DemoViewController.m .

Більшість людей використовують авторозкладку для компонування елементів у своїх переглядах та модифікують обмеження макета для створення анімації.

Простий спосіб зробити це без великої кількості коду - це створити UIView, який потрібно анімувати, на Storyboard, а потім створити прихований UIView там, де ви хочете закінчити UIView. Ви можете використовувати попередній перегляд у xcode, щоб переконатися, що обидва UIView перебувають там, де ви їх хочете. Після цього схойте кінцевий UIView і поміняйте обмеження для макета.

Існує підфайл для заміни обмежень макета під назвою SBP, якщо ви не хочете писати його самостійно.

Ось підручник .

Не потрібно використовувати більше IBOutlet referenceобмежень, замість цього ви можете безпосередньо accessабо updateвже застосовано обмеження або застосовуватись, Programmaticallyабо з Interface Builderбудь-якого виду, використовуючи KVConstraintExtensionsMasterбібліотеку. Ця бібліотека також керує Cumulativeповедінкою NSLayoutConstraint.

Щоб додати обмеження висоти на контейнерView

 CGFloat height = 200;
 [self.containerView applyHeightConstrain:height];

Оновити обмеження висоти контейнераView з анімацією

[self.containerView accessAppliedConstraintByAttribute:NSLayoutAttributeHeight completion:^(NSLayoutConstraint *expectedConstraint){
        if (expectedConstraint) {
            expectedConstraint.constant = 100;

            /* for the animation */ 
            [self.containerView  updateModifyConstraintsWithAnimation:NULL];
      }
    }];