のアニメーションは/私は別のの位置からのビューを移動したい自動レイアウト

Question

の使用の下でビューを移動、私は、しかし

self.view.center = CGPointMake(100, 200); 

を使用して、それを実装することができ、その後、ビューが戻ってきます実行後の元の位置へ：​​

実際にビューを新しい位置に移動するにはどうすればよいですか？

Answer 1

autoLayoutを使用している場合は、制約を変更する必要があります。提案されている方法は、ビューコントローラにコンセントをコンセントにすることです。コンストレインの定数を変更します。時間があれば、私は間違いなくgoing hereをお勧めし、 "例で自動レイアウト"または "自動レイアウトをマスターするためのベストプラクティス"を見てください。彼らは私を助けてくれました。私は、取り除くべきポイントは、autoLayoutを使うと、もはやフレームの観点から考えないということです。だから、センターを設定するだけでは、自動レイアウトでは機能しません。それは、どのようにビューが互いに関連しているかということです。

Answer 2

AutoLayoutを有効にすると、FORGET FRAMESとなり、アニメーション化するためにもフレームやセンターを変更することはできなくなります。レイアウトが呼び出されると、ビューの元の位置に戻ります。

代わりに同じ効果を得るにはconsider changing the constant value of the constraintにする必要があります。

以下の画像のようなユーザーインターフェイスを考えてみましょう。20 points leading space from it's superviewの画像ビューを持っています。つまり、スーパービューとの水平スペースの制約があります。さらに、画像ビュー、上部、幅、高さ。

画像に示すように、画像を左から右にアニメーション表示する方法を示します。

私たちはアニメーション化する必要があるためにIBOutletを作成します。ここでは、このビューを左から右に移動するのに十分な水平スペース制約のみをとります。 Go Awayアクションインサイド

@property (weak, nonatomic) IBOutlet UIImageView *imageView; 
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *horizontalSpaceConstraint; 

、私たちは、この制約の一定の値を更新する必要があります。

- (IBAction)moveFrontAction:(id)sender { 
    self.horizontalSpaceConstraint.constant = 220; 

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

は今、ビューは単にアニメーションブロック内ので、我々は生産versa.In右と副左から素敵なアニメーションを見ることができるようになりますことをやって右end.I'mに移動させなければならない、我々このような値をハードコードするべきではありません。コンセプトを明確にするために、ここでそれを行うだけです。 Come Backアクションインサイド

、我々は再び、それは元の値ですので、あなたが戻って元の場所にアニメーションオレンジ色の画像を見ることができるの定数をリセットしています。

- (IBAction)moveBackAction:(id)sender { 
    self.horizontalSpaceConstraint.constant = 20; 

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