swift--動畫效果

標籤：finish   div   建立   span   splay   option   []   nis   col   

for迴圈建立4*4個view，然後對立面的所有view進行動畫，這裡列集中動畫的效果：

1，旋轉動畫

        for tile in backgrounds{                        //現將數字塊大小職位原始大小的1/10            tile.layer.setAffineTransform(CGAffineTransform(scaleX: 0.1,y: 0.1))                        //設定動畫效果，動畫時間長度1秒            UIView.animate(withDuration: 1, delay: 0.01, options: [], animations: {                             }, completion: { (finished) in                               UIView.animate(withDuration: 1, animations: {                     //完成動畫時，數字塊複原                    tile.layer.setAffineTransform(CGAffineTransform.identity)                })                            })                    }

2，不透明到透明的效果

        for tile in backgrounds {                        tile.alpha = 0                        //設定動畫效果，動畫時間長度1秒            UIView.animate(withDuration: 1, delay: 0.01, options: [.curveEaseInOut], animations: {                            }, completion: { (finished) in                UIView.animate(withDuration: 1, animations: {                     tile.alpha = 1                })            })                    }

3，從小到大的效果

        for tile in backgrounds {                        //現將數字快大小之前原始大小的1/10            tile.layer.setAffineTransform(CGAffineTransform(scaleX:0.1,y:0.1))                        //設定動畫效果，動畫時間長度1秒            UIView.animate(withDuration: 1, delay: 0.01, options: [], animations: {                 tile.layer.setAffineTransform(CGAffineTransform(scaleX:1,y:1))            }, completion: { (finished) in                UIView.animate(withDuration: 0.08, animations: {                     tile.layer.setAffineTransform(CGAffineTransform.identity)                })            })                    }

記錄下三種動畫效果

swift--動畫效果