【swift】メトロノームのようなアニメーション画像に実装したい

Question

アプリを作っておりまして、タマゴの画像にアニメーションを実装したいと思っています。
メトロノームのように、
下部に支点を置いて、上部が左右に揺れるようなアニメーションを考えているのですが、
その場合、どのようにコードを書けばいいでしょうか？
教えて頂ければ有り難いです。宜しくお願いしますm(__)m

Comments

[izkn]

こちらの質問が他のユーザから「質問の範囲が広すぎる」という評価を受けています
わからない点を明確にし、調査したこと・試したことと共に記入していただくと、回答が得られやすくなります。

[退会済みユーザー]

こちらの質問が他のユーザから「質問の範囲が広すぎる」という評価を受けています
わからない点を明確にし、調査したこと・試したことと共に記入していただくと、回答が得られやすくなります。

Answer 1

CALayerのtransformプロパティにCAAnimationを設定してください。
CAAnimationにCAValueFunctionRotateZを設定すると、Z軸で回転します。
また、CALayerのanchorPointプロパティで、回転の基点を設定できます。

let animation = CABasicAnimation()
animation.valueFunction = CAValueFunction(name: kCAValueFunctionRotateZ)
animation.fromValue = -1.0
animation.toValue = 1.0
animation.duration = 0.5
animation.autoreverses = true
animation.repeatCount = Float.infinity

let layer = aView.layer
layer.anchorPoint = CGPoint(x: 0.5, y: 1.0)
layer.addAnimation(animation, forKey: "transform")

Comments

[nyancoro]

ありがとうございます！
アニメーション詳しくないのでとても有り難いです＞＜

回転の支点を、今imageViewが設置してある位置（CGPoint(x: image.width.x / 2 , y: - image.height.y)）に設定したいのですが、上手くいきません。
その場合はどのようにコードを書いたら良いでしょうか？

[Stripe]

Viewの下部中央なら、CGPoint(x: 0.5, y: 1.0)です。

[nyancoro]

layer.anchorPoint = CGPoint(x: 0.5, y: 1.0)
を設定すると、確かに支点が上手く定まるのですが、
storyboardで画面中央に設置していたタマゴ画像の位置もまた動いてしまい困っています。。

[Stripe]

あとは、うまく座標計算してください。