CAShapeLayer にアニメーションを追加

CAShapeLayer にアニメーションを追加するにはどうするのか。

いろいろ調べたところ、CATransaction を使えばいいのかなと、いろいろ試してみたけれどもアニメしてくれない。

別の方法で、CABasicAnimation を使う方法があり、こちらを試してみたら半分うまくいったので、これを使うことに。半分とわざわざ断っているのは、本来は、円を拡大するアニメーションにしたかったのだけど、それをやろうとすると中心点がずれてしまい、意図せず円が拡大しながら移動する始末。多分アンカーポイントを正しく設定できていないからなんだろうね。

ちょっと思い描いていたのとは違う。 keyPath に opacity というのがあるのに気づき、これを使ってみたら、ま、当初思ってたのとは違うけどいい感じなのでこれでよしとすることに。opacity を指定するとだんだん消えるアニメーションになる。

ふぅぅ。