画像にanchorPointを設定したときに位置がずれないようにする方法

Question

storyboardで画面下部に配置した画像に、以下のようなアニメーションを設定しようと思っています。

let animation = CABasicAnimation()
        animation.valueFunction = CAValueFunction(name: kCAValueFunctionRotateZ)
        animation.fromValue = -0.2
        animation.toValue = 0.2
        animation.duration = 0.4
        animation.autoreverses = true
        animation.repeatCount = 1
        
        let layer = image.layer
        layer.anchorPoint = CGPoint(x: 0.5, y: 1.0)
        layer.addAnimation(animation, forKey: "transform")

しかしコンパイルすると、画像の位置が上にずれてしまいます。

コンパイル前

コンパイル後

自分で調べてみた結果、anchorPointが設定されているからだと推測できたのですが、直し方がわかりません。
（参考：https://teratail.com/questions/8613）
もし分かる方がいらっしゃいましたらご教授頂けると幸いです。
宜しくお願いします。

Answer 1

anchorPointを考慮して、Viewの位置を設定し直してください。

view.center = CGPoint(x, y)

Comments

[nyancoro]

上記の方法をとってもズレが解消されません。
そもそもimage.centerが反映されていないようなのですが、何か記述にミスがありますでしょうか？

```swift
import UIKit

class ViewController: UIViewController {

@IBOutlet weak var image: UIImageView!

override func viewDidLoad() {
super.viewDidLoad()

let animation = CABasicAnimation()
animation.valueFunction = CAValueFunction(name: kCAValueFunctionRotateZ)
animation.fromValue = -0.2
animation.toValue = 0.2
animation.duration = 0.4
animation.autoreverses = true
animation.repeatCount = 1

let layer = image.layer
layer.anchorPoint = CGPoint(x: 0.5, y: 1.0)
image.center = CGPoint(x: image.center.x, y: image.center.y - image.bounds.height / 2)
layer.addAnimation(animation, forKey: "transform")
}

override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}
```

[Stripe]

相対的にではなく、絶対的に座標を設定してください。

let x = CGRectGetMidX(self.view.bounds)
let y = CGRectGetMaxY(self.view.bounds)
view.center = CGPoint(x, y)

[nyancoro]

解決しました。
storyboardを使って画像を配置するのではなく、
コードで画像を作成するようにしたら狙い通りの動きをしてくれました。
なぜstoryboardではダメなのか分かりませんが...うまくいったので良かったです。
ありがとうございましたm(__)m