CGAffineTransForm・拡大縮小の仕方

###前提・実現したいこと
ボタンをはなした時にプルンプルンさせたい。

###該当のソースコード
func onDownButton(sender: UIButton) {
UIView.animate(withDuration: 0.1, animations: { () -> Void in

            self.myButton.transform = CGAffineTransform(scaleX: 0.6, y: 0.6)
            self.myButton.backgroundColor = UIColor.blue
    })
}

func onChangeColor(sender: UIButton) {
    self.view.backgroundColor = UIColor.white
}
func onChangeColor2(sender: UIButton) {
    self.view.backgroundColor = UIColor.black
}
    
    //ボタンイベント（アップ）
    func onUpButton(sender: UIButton) {
        UIView.animate(withDuration: 1, animations: { () -> Void in
            
       self.myButton.transform = CGAffineTransform(scaleX: 0.2, y: 0.2)

            self.myButton.transform = CGAffineTransform(scaleX: 1.0, y: 1.0)
            
               //               
            self.myButton.backgroundColor = UIColor.green
        })
        { (Bool) -> Void in
            
        }
    }

###scalex,yを0.2にしているのに、ボタンは大きくなります。
１未満に設定しているのだから、ボタンは小さくなるのでは？

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

fuzzball

2017/08/21 01:12

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

行動規範の内容に同意します

回答1件

ベストアンサー

scaleを0.2にしているのにボタンが大きくなるのは、ただの誤動作だと思います。

現在の値からアニメーション・ブロック内に書いた値に向かって（デフォルトでは）直線的なカーブで値が変化するのが、暗黙的アニメーションの基本仕様です。
アニメーション・ブロック内で２回値を変更しても複雑なカーブを描くことはできません。

CAKeyframeAnimationクラスで明示的アニメーションを使用してください。

swift
1func onUpButton(sender: UIButton) {
2    UIView.animate(withDuration: 1, animations: { () -> Void in
3            
4        let animation = CAKeyframeAnimation()
5        animation.values = [0.6, 0.2, 1.0]
6        animation.keyTimes = [0.0, 0.5, 1.0]
7        animation.duration = 1.0
8        self.myButton.layer.add(animation, forKey: "transform.scale.x")
9        self.myButton.layer.add(animation, forKey: "transform.scale.y")
10            
11        self.myButton.backgroundColor = UIColor.green
12            
13    }) { (Bool) -> Void in
14        self.myButton.transform = CGAffineTransform(scaleX: 1.0, y: 1.0)
15    }
16}