iOS：新しい自動レイアウト制約（高さ）にアニメーションを適用する方法

Question

私はautolayoutという制約を使用することはありませんでした。私は私が取り組んでいる小さな新しいアプリケーションがあり、NIBの意見は自動レイアウトにデフォルト設定されていることに気づいた。だから、私はでと仕事をして、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]）。 V:[MKMapView]-(16)-[UISegmentedControl]

：

だから、私はそれがカバーだったことUISegmentedControlの先頭に相対的であることに、親ビューの絶頂に等しいからMKMapViewの制約を変更されてやりたいをどう思う

私が望むのは、MKMapViewの高さを短くして、マップビューの下にあるいくつかのコントロールが表示されるようにすることです。これを行うには固定フルサイズビューからUISegmentedControlの最上部に制約がある制約に制約を変更する必要があります。ビューを新しいサイズに縮小してアニメーション化したいと思います。

これについてはどうすればよいですか？

編集 - このアニメーションはないあるビューの下部には、瞬時に170を上に移動んがをアニメーション：

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

    }]; 

とnibMapViewConstraintは、下の垂直方向のスペースの制約にIBにまで配線されています。あなたの制約を更新した後

Answer 1

：

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

は含むビューを参照してself.viewを交換してください。

Answer 2

autolayoutでアニメーションを使用する方法を説明する、Apple自身からの非常に良いチュートリアルがあります。 これに続いてlinkを見つけて、「例で自動レイアウト」というビデオを見つけてください これは、自動レイアウトに関するいくつかの興味深いものを提供し、最後の部分はアニメーションの使い方についてです。

Answer 3

this small demo availableを作成しました。これは、非常に簡単な例で、自動レイアウト制約をどのように変更してアニメ化できるかを示しています。単にをご覧ください。

Answer 4

これは私のために働く（iOS7とiOS8 +の両方）。調整したい自動レイアウト制約をクリックしてください（例えばインターフェースビルダーの場合、top制約）。次にこれを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]; 
    }]; 

Answer 5

ほとんどの人が自分の意見にレイアウト項目に自動レイアウトを使用すると、レイアウトがアニメーションを作成するために、制約変更します。

多くのコードなしでこれを行う簡単な方法は、ストーリーボードでアニメーション化したいUIViewを作成してから、UIViewを終了させる非表示のUIViewを作成することです。 xcodeでプレビューを使用して、両方のUIViewが必要な場所にあることを確認できます。その後、終了UIViewを非表示にし、レイアウトの制約を入れ替えます。

SBPと呼ばれるレイアウト制約をスワップするためのポッドファイルがあります。

Here's a tutorial。これに代えて、制約のIBOutlet reference以上を使用する

Answer 6

の必要はありません、あなたは直接accessまたはupdateは、既にいずれかの制約を適用KVConstraintExtensionsMasterライブラリを使用して、任意のビューにProgrammaticallyによって、またはInterface Builderから適用することができます。このライブラリは、NSLayoutConstraintのCumulativeビヘイビアも管理しています。私はあなたが簡単に[UIViewのanimateWithDurationにおける制約の一定の値を変更することができることを知っているアニメーション

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

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