画像の中心位置を設定したい

Question

前提・実現したいこと

アニメーションで、画像がのサイズが大小を繰り返すプログラムを作ったのですが...
画像の左上を中心にサイズが変わっているのか、右下に大きくなってしまいます...

画像の中心位置を設定する方法が知りたいです

該当のソースコード

UIView.animate(withDuration: 0.8, delay: 0.0, options: [.curveEaseIn, .repeat,.autoreverse], animations: {
                self.itemShadowImage.frame.size = CGSize(width:100,height:100)
            })
            { _ in
            }

試したこと

このサイトやこのサイト見ながら、
itemShadowImage.center = CGPoint(x:screenWidth/2, y:screenHeight/2)
というプログラムを使ってみましたが、画像の座標が変わるだけで、中心位置は変更されませんでした...

Comments

[eytyet]

ストーリーボードは使っていますか？
そろそろオートレイアウトについて学習が必要なのではないかと思います。

[Amuy]

ストーリーボード使ってます。
そうですね...少し前に挑戦したのですが、難しくて挫折してしまいました..

Answer 1

frame の size だけでなく、origin も指定する必要があります。

UIView.animate(withDuration: 0.8, delay: 0.0, options: [.curveEaseIn, .repeat,.autoreverse], animations: {
    let center = self.itemShadowImage.center
    let size = CGSize(width: 100, height: 100)
    let origin = CGPoint(x: center.x - size.width / 2, y: center.y - size.height / 2)
    self.itemShadowImage.frame = CGRect(origin: origin, size: size)
})
{ _ in
}

または CGAffineTransform を使うとか。この場合は倍率で指定する必要がありますが。

UIView.animate(withDuration: 0.8, delay: 0.0, options: [.curveEaseIn, .repeat,.autoreverse], animations: {
    self.itemShadowImage.transform = CGAffineTransform(scaleX: 1.2, y: 1.2)
})
{ _ in
}

Comments

[Amuy]

解決しました！ありがとうございます！CGAffineTransformの法を使わせてもらいました。