Comment animer la contrainte des changements?

J'apprécie la réponse, mais je pense qu'il serait bien de prendre un peu plus loin.

Le bloc de base de l'animation de la documentation

[containerView layoutIfNeeded]; //Ensures that all pending layout operations have been completed
[UIView animateWithDuration:1.0 animations:^{
     //Make all constraint changes here
     [containerView layoutIfNeeded]; //Forces the layout of the subtree animation block and then captures all of the frame changes
}];

mais vraiment c'est un scénario très simpliste. Que faire si je veux animer sous-vue des contraintes via la updateConstraints méthode?

Un bloc d'animation qui appelle la sous-vues updateConstraints méthode

[self.view layoutIfNeeded];
[self.subView setNeedsUpdateConstraints];
[self.subView updateConstraintsIfNeeded];
[UIView animateWithDuration:1.0f delay:0.0f options:UIViewAnimationOptionLayoutSubviews animations:^{
    [self.view layoutIfNeeded];
} completion:nil];

La updateConstraints méthode est substituée dans la sous-classe UIView et doit appeler super à la fin de la méthode.

- (void)updateConstraints
{
    //Update some constraints

    [super updateConstraints];
}

Le Guide De Mise En Page Automatique laisse beaucoup à désirer, mais il vaut la peine de lire. Je suis moi-même à l'aide de cette partie d'un UISwitch qui permet de basculer d'une sous-vue avec une paire de UITextFields avec un simple et subtile de l'effondrement de l'animation (de 0,2 secondes). Les contraintes de la sous-vue sont gérés dans le UIView sous-classes updateConstraints méthodes décrites ci-dessus.

//Step 1, update your constraint
self.myOutletToConstraint.constant = 50; //New height (for example)

//Step 2, trigger animation
[UIView animateWithDuration:2.0 animations:^{

    //Step 3, call layoutIfNeeded on your animated view's parent
    [self.view layoutIfNeeded];
}];

Storyboard, du Code, des Conseils et quelques Astuces

Autres réponses sont très bien mais cela on met en évidence quelques-uns assez important pièges de l'animation de contraintes à l'aide d'un exemple récent. Je suis passé par beaucoup de variations avant, j'ai réalisé les opérations suivantes:

Rendre les contraintes que vous souhaitez cibler dans la Classe des variables pour stocker une référence forte. En Swift, j'ai utilisé paresseux variables:

lazy var centerYInflection:NSLayoutConstraint = {
       let temp =  self.view.constraints.filter({ $0.firstItem is MNGStarRating }).filter ( { $0.secondItem is UIWebView }).filter({ $0.firstAttribute == .CenterY }).first
        return temp!
}()

Après quelques essais j'ai constaté que l'on DOIT obtenir la contrainte à partir de la vue ci-DESSUS (aka le superview) les deux points de vue où la contrainte est définie. Dans l'exemple ci-dessous (à la fois MNGStarRating et UIWebView sont les deux types d'éléments, je suis entrain de créer une contrainte entre les deux, et ils sont des sous-vues à l'intérieur de soi.la vue).

Filtre Chaînage

Je profite de Swift méthode de filtre pour séparer le désiré contrainte qui servira de point d'inflexion. On pourrait aussi obtenir beaucoup plus compliqué, mais le filtre ne un bon travail ici.

Animer Les Contraintes De L'Utilisation De Swift

Nota Bene - Cet exemple est la table de montage séquentiel/solution de code et assume
on a fait des contraintes par défaut dans la table de montage séquentiel. On peut alors
animer les modifications à l'aide de code.

En supposant que vous créez une propriété de filtre avec des critères exacts et obtenir à un point d'inflexion pour votre animation (bien sûr vous pouvez également filtrer un tableau et une boucle dans si vous avez besoin de plusieurs contraintes):

lazy var centerYInflection:NSLayoutConstraint = {
       let temp =  self.view.constraints.filter({ $0.firstItem is MNGStarRating }).filter ( { $0.secondItem is UIWebView }).filter({ $0.firstAttribute == .CenterY }).first
        return temp!
}()

....

Quelque temps plus tard...

@IBAction func toggleRatingView (sender:AnyObject){

    let aPointAboveScene = -(max(UIScreen.mainScreen().bounds.width,UIScreen.mainScreen().bounds.height) * 2.0)

    self.view.layoutIfNeeded()


    //Use any animation you want, I like the bounce in springVelocity...
    UIView.animateWithDuration(1.0, delay: 0.0, usingSpringWithDamping: 0.3, initialSpringVelocity: 0.75, options: [.CurveEaseOut], animations: { () -> Void in

        //I use the frames to determine if the view is on-screen
        if CGRectContainsRect(self.view.frame, self.ratingView.frame) {

            //in frame ~ animate away
            //I play a sound to give the animation some life

            self.centerYInflection.constant = aPointAboveScene
            self.centerYInflection.priority = UILayoutPriority(950)

        } else {

            //I play a different sound just to keep the user engaged
            //out of frame ~ animate into scene
            self.centerYInflection.constant = 0
            self.centerYInflection.priority = UILayoutPriority(950)
            self.view.setNeedsLayout()
            self.view.layoutIfNeeded()
         }) { (success) -> Void in

            //do something else

        }
    }
}

Le nombre de tours de mal

Ces notes sont vraiment un ensemble de conseils que j'ai écrit pour moi-même. J'ai fait toutes les choses à ne pas faire personnellement et douloureusement. J'espère que ce guide peut vous épargner d'autres.

1. Regarder pour z-positionnement. Parfois, quand rien n'est apparemment
   qui se passe, vous devriez vous cacher certains des autres points de vue ou de l'utilisation de la vue
   débogueur pour localiser votre vue animée. J'ai même trouvé des cas où un Utilisateur Défini Runtime
   Attribut a été perdu dans un storyboard du xml et a conduit à l'animation
   vue d'être recouverts (tout en travaillant).

2. Toujours prendre une minute pour lire la documentation (anciens et nouveaux), Rapide
   De l'aide, et les en-têtes. Apple continue de faire beaucoup de changements pour mieux
   gérer la mise en page automatique des contraintes (voir la pile de vues). Ou au moins le Mise En Page Automatique Livre De Recettes. Gardez à l'esprit que, parfois, les meilleures solutions sont dans les anciens documents/vidéos.

3. Jouer avec les valeurs de l'animation et envisager l'utilisation d'
   d'autres animateWithDuration variantes.

4. Ne pas coder en dur la mise en page spécifique de valeurs comme critères pour déterminer
   modifications à d'autres constantes, au lieu d'utiliser les valeurs qui vous permettent de
   déterminer l'emplacement de la vue. CGRectContainsRect est un
   exemple

5. Si besoin, n'hésitez pas à utiliser la mise en page marges associées à
   une vue de participer à la définition de la contrainte
   let viewMargins = self.webview.layoutMarginsGuide: est sur exemple
6. Ne fais pas de travail vous n'avez pas à le faire, tous les points de vue avec des contraintes sur les
   storyboard ont des contraintes attachées à la propriété
   auto.viewName.les contraintes
7. Changer vos priorités pour toutes les contraintes à moins de 1000. J'ai mis
   mine de 250 (faible) ou 750 (haut) sur la table de montage séquentiel; (si vous essayez de modifier un 1000 priorité à rien dans le code de l'application va se planter, car 1000 est nécessaire)
8. Envisager de ne pas essayer d'utiliser activateConstraints et
   deactivateConstraints (ils ont leur place, mais quand il vient à l'apprentissage ou si vous utilisez une table de montage à l'aide de ces signifie probablement que vous faites trop de ~ ils ne sont même si, comme vu ci-dessous)
9. Envisager de ne pas utiliser addConstraints /removeConstraints, sauf si vous êtes
   vraiment ajouter une nouvelle contrainte dans le code. J'ai trouvé que la plupart du temps je
   mise en page les points de vue dans la table de montage avec des contraintes fixées (en plaçant
   l'affichage à l'écran), puis dans le code, j'anime les contraintes précédemment créé dans la table de montage séquentiel pour déplacer le point de vue.
10. J'ai passé beaucoup de temps perdu construction de contraintes avec la nouvelle
    NSAnchorLayout classe et sous-classes. Celles-ci fonctionnent très bien, mais il
    m'a fallu un moment pour réaliser que toutes les contraintes que j'avais besoin
    il existait déjà dans la table de montage séquentiel. Si vous construisez des contraintes dans le code
    puis très certainement utiliser cette méthode pour agréger vos contraintes:

Échantillon rapide De Solutions pour les ÉVITER lors de l'utilisation des story-boards

private var _nc:[NSLayoutConstraint] = []
    lazy var newConstraints:[NSLayoutConstraint] = {

        if !(self._nc.isEmpty) {
            return self._nc
        }

        let viewMargins = self.webview.layoutMarginsGuide
        let minimumScreenWidth = min(UIScreen.mainScreen().bounds.width,UIScreen.mainScreen().bounds.height)

        let centerY = self.ratingView.centerYAnchor.constraintEqualToAnchor(self.webview.centerYAnchor)
        centerY.constant = -1000.0
        centerY.priority = (950)
        let centerX =  self.ratingView.centerXAnchor.constraintEqualToAnchor(self.webview.centerXAnchor)
        centerX.priority = (950)

        if let buttonConstraints = self.originalRatingViewConstraints?.filter({

            ($0.firstItem is UIButton || $0.secondItem is UIButton )
        }) {
            self._nc.appendContentsOf(buttonConstraints)

        }

        self._nc.append( centerY)
        self._nc.append( centerX)

        self._nc.append (self.ratingView.leadingAnchor.constraintEqualToAnchor(viewMargins.leadingAnchor, constant: 10.0))
        self._nc.append (self.ratingView.trailingAnchor.constraintEqualToAnchor(viewMargins.trailingAnchor, constant: 10.0))
        self._nc.append (self.ratingView.widthAnchor.constraintEqualToConstant((minimumScreenWidth - 20.0)))
        self._nc.append (self.ratingView.heightAnchor.constraintEqualToConstant(200.0))

        return self._nc
    }()

Si vous oubliez l'un de ces conseils ou les plus simples, telles que l'endroit où ajouter le layoutIfNeeded, la plus probable, il ne se passera rien: Dans ce cas, vous pouvez avoir un mi cuit de solution comme ceci:

NB - Prendre un moment pour lire la mise en page automatique de la Section ci-Dessous et le
guide originel. Il y a un moyen d'utiliser ces techniques pour compléter
votre Dynamique d'Animateurs.

UIView.animateWithDuration(1.0, delay: 0.0, usingSpringWithDamping: 0.3, initialSpringVelocity: 1.0, options: [.CurveEaseOut], animations: { () -> Void in

            //
            if self.starTopInflectionPoint.constant < 0  {
                //-3000
                //offscreen
                self.starTopInflectionPoint.constant = self.navigationController?.navigationBar.bounds.height ?? 0
                self.changeConstraintPriority([self.starTopInflectionPoint], value: UILayoutPriority(950), forView: self.ratingView)

            } else {

                self.starTopInflectionPoint.constant = -3000
                 self.changeConstraintPriority([self.starTopInflectionPoint], value: UILayoutPriority(950), forView: self.ratingView)
            }

        }) { (success) -> Void in

            //do something else
        }

    }

Extrait du Guide de mise en page automatique (notez le deuxième extrait de l'aide de mac OS X). BTW - Ce n'est plus dans le guide actuel aussi loin que je peux voir. Les techniques préférées continuer à évoluer.

Animer les Modifications Apportées par la Mise en page Automatique

Si vous avez besoin d'un contrôle complet sur l'animation des modifications apportées par la Mise en page Automatique, vous devez faire votre contrainte des changements de programme. Le concept de base est le même pour les deux iOS et OS X, mais il ya quelques différences mineures.

Dans une application iOS, votre code devrait ressembler à quelque chose comme ce qui suit:

[containerView layoutIfNeeded]; //Ensures that all pending layout operations have been completed
[UIView animateWithDuration:1.0 animations:^{
     //Make all constraint changes here
     [containerView layoutIfNeeded]; //Forces the layout of the subtree animation block and then captures all of the frame changes
}];

Dans OS X, utilisez le code suivant lors de l'utilisation de la couche adossés à des animations:

[containterView layoutSubtreeIfNeeded];
[NSAnimationContext runAnimationGroup:^(NSAnimationContext *context) {
     [context setAllowsImplicitAnimation: YES];
     //Make all constraint changes here
     [containerView layoutSubtreeIfNeeded];
}];

Quand vous n'êtes pas en utilisant la couche adossés à des animations, vous devez animer la constante à l'aide de la contrainte de l'animateur:

[[constraint animator] setConstant:42];

Pour ceux qui apprennent mieux visuellement découvrez ce début de vidéo d'Apple.

Attention

Souvent dans la documentation il y a des petites notes, ou des morceaux de code qui conduisent à de plus grandes idées. Par exemple fixation auto contraintes de mise en forme dynamique d'animateurs est une grande idée.

Bonne Chance et que la Force soit avec vous.

Solution De Travail De 100% Swift 3.1

j'ai lu toutes les réponses et que vous souhaitez partager du code et de la hiérarchie de lignes que j'ai utilisé dans toutes mes applications pour animer correctement, Certaines solutions ne fonctionnent pas, vous devez les vérifier sur des périphériques lents.e.g un iPhone 5 en ce moment.

self.view.layoutIfNeeded() //Force lays of all subviews on root view
UIView.animate(withDuration: 0.5) { [weak self] in //allowing to ARC to deallocate it properly
       self?.tbConstraint.constant = 158 //my constraint constant change
       self?.view.layoutIfNeeded() //Force lays of all subviews on root view again.
}

De travail et viens de tester la solution pour Swift 3 avec Xcode 8.3.3:

self.view.layoutIfNeeded()
self.calendarViewHeight.constant = 56.0

UIView.animate(withDuration: 0.5, delay: 0.0, options: UIViewAnimationOptions.curveEaseIn, animations: {
        self.view.layoutIfNeeded()
    }, completion: nil)

Il suffit de garder à l'esprit que soi.calendarViewHeight est une contrainte visée à l'un customView (CalendarView). J'ai appelé le .layoutIfNeeded() sur l'auto.vue et PAS sur de soi.calendarView

Espérons que cette aide.

Dans le contexte de la contrainte de l'animation, je voudrais mentionner une situation particulière où j'ai animé une contrainte immédiatement dans un keyboard_opened de notification.

Contrainte défini un supérieur de l'espace à partir d'un champ texte pour le récipient. Sur le clavier de l'ouverture, je viens de diviser la constante par 2.

J'ai été incapable de parvenir à un conistent lisse contrainte d'animation directement dans le clavier de notification. Environ la moitié du temps de point de vue, juste sauter sa nouvelle position - sans animation.

Elle s'est produite pour moi il y a peut être quelques autres layouting passe comme résultat de clavier d'ouverture.
L'ajout d'une simple dispatch_after bloc avec un retard de 10 ms fait de l'animation d'exécuter à chaque fois, pas de saut.