iOS: come si anima in base al nuovo vincolo di layout automatico (altezza)

Non ho mai lavorato prima con i vincoli del layout automatico . Ho una nuova piccola app su cui sto lavorando e ho notato che le visualizzazioni del NIB sono predefinite per il layout automatico. Quindi, ho pensato di cogliere l'occasione per lavorare con esso e cercare di capire dove Apple sta con questo.

Prima sfida:

Devo ridimensionare un MKMapView e vorrei animarlo nella nuova posizione. Se lo faccio nel modo in cui sono abituato a:

[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;
}];

... quindi MKMapView tornerà alla sua altezza originale ogni volta che viene aggiornata una vista di pari livello (nel mio caso il titolo di un UISegmentedControl viene aggiornato [myUISegmentedControl setTitle:newTitle forSegmentAtIndex:0] ).

Quindi, quello che penso di voler fare è cambiare i vincoli di MKMapView dall'essere uguale all'altezza della vista genitore all'essere relativo alla parte superiore dell'UISegmentedControl che stava coprendo:V:[MKMapView]-(16)-[UISegmentedControl]

Quello che voglio è che l'altezza di MKMapView si accorci in modo che vengano rivelati alcuni controlli sotto la visualizzazione della mappa. Per fare ciò penso di aver bisogno di cambiare il vincolo da una vista a grandezza intera fissa a una in cui la parte inferiore è vincolata alla parte superiore di un UISegmentedControl ... e mi piacerebbe che si animasse quando la vista si restringe a una nuova dimensione.

Come si fa a farlo?

Modifica: questa animazione non si anima anche se la parte inferiore della vista si sposta verso l'alto di 170 istantaneamente:

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

    }];

ed nibMapViewConstraintè cablato in IB al vincolo di spazio verticale inferiore.

Dopo aver aggiornato il tuo vincolo:

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

Sostituisci self.viewcon un riferimento alla vista contenitore.

Questo funziona per me (sia iOS7 che iOS8 +). Fare clic sul vincolo di layout automatico che si desidera regolare (nel generatore di interfacce, ad esempio vincolo superiore). Quindi rendilo un IBOutlet;

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

Animare verso l'alto;

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

Torna alla posizione originale

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

C'è un ottimo tutorial della stessa Apple che spiega come usare l'animazione con il layout automatico. Segui questo link e poi trova il video denominato "Layout automatico con esempio". Fornisce alcune cose interessanti sull'autolayout e l'ultima parte riguarda come usare l'animazione.

Ho reso disponibile questa piccola demo . Mostra come i vincoli di layout automatico possono essere modificati e animati in un esempio molto semplice. Dai un'occhiata a DemoViewController.m .

La maggior parte delle persone utilizza il layout automatico per disporre gli elementi nelle viste e modificare i vincoli del layout per creare animazioni.

Un modo semplice per farlo senza molto codice è creare la UIView che vuoi animare in Storyboard e quindi creare una UIView nascosta dove vuoi che la UIView finisca. Puoi usare l'anteprima in xcode per assicurarti che entrambe le viste UIV siano dove vuoi che siano. Successivamente, nascondi la UIView finale e scambia i vincoli di layout.

C'è un podfile per scambiare i vincoli di layout chiamato SBP se non vuoi scriverlo da solo.

Ecco un tutorial .

Non è necessario utilizzare più IBOutlet referencedel vincolo invece di questo è possibile direttamente accesso updategià applicato vincolo applicato da Programmaticallyo da Interface Builderqualsiasi vista utilizzando la KVConstraintExtensionsMasterlibreria. Questa libreria gestisce anche il Cumulativecomportamento di NSLayoutConstraint.

Per aggiungere un vincolo di altezza su containerView

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

Per aggiornare il vincolo di altezza di containerView con l'animazione

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

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