Xcode8.3.3 アニメーション

Question

Xcode8.3.3で３桁の番号を当てると鍵が開くアプリを作っています。
鍵が開く際上に動くアニメーションを加えたいのですが横に動いてしまいます。
鍵はY軸、上から84で固定して高さ225 幅190 で固定しています。

具体的なコードとしては
@IBOutlet weak var padlockBarTopConstraint: NSLayoutConstraint!

private let kPadlockAniamtedTopBarConstraint: CGFloat = 50

private func animatepadlockOpen() {
padlockBarTopConstraint.constant = kPadlockAniamtedTopBarConstraint

    UIView.animate(
        withDuration: 0.2,
        delay: 0,
        options: .curveLinear,
        animations: {
            self.view.layoutIfNeeded()    になります。

全ての数字が揃い「解錠」ボタンを押すと鍵が動くようにボタンにコードは加えてあります。
どうすれば、鍵が横ではなく縦に動くようにできますか？

Comments

[fuzzball]

コードは ``` で囲って下さい。 https://teratail.com/help#about-markdown

[kento0-801]

返信おそくなりました。すいません。ありがとうございます。

Answer 1

padlockBarTopConstraintは、Interface Builder上でちゃんと縦方向のconstraintと結びついていますでしょうか？ おそらく横方向のconstraint(LeadingかTrailing)と結びついているのではないでしょうか。
Interface builderのconstraintオブジェクトの表示はけっこう見にくいので注意して確認された方が良いかと思います。

あと、これでちゃんとアニメーションできてますか？ このコードのままだと、アニメーションせずに瞬間移動してしまうかと。
アニメーションさせるならConstraintの変更内容は animations:{} の中に書く必要があります。

Comments

[fuzzball]

>>後半
制約アニメはこのやり方でOKなんです。
http://qiita.com/caesar_cat/items/051cda589afe45255d96

[YokemuraTakeshi]

あー、なるほど。そうですね。それでOKですね！失礼しました。

[kento0-801]

違うconstraintと結びついてました。縦のに結び直すと解決しました。アニメーション自体は自然と動きました。ありがとうございます。