Transfrom动画

本文讲述的是利用CATransfrom实现九宫格的出现动画

首先，定义相关变量，对象

//格子行数和列数    var dimension:Int = 4    //格子间隔    var padding:CGFloat = 20    //格子大小    var width:CGFloat = (UIScreen.main.bounds.size.width - 100)/4    //保存格子    var myViews = Array<UIView>()

设置格子的相关坐标

var x:CGFloat = 20        var y:CGFloat = 50        for _ in 0..<dimension{            for _ in 0..<dimension{                let myView = UIView(frame:CGRect(x: x,y: y,width: width,height: width))                myView.backgroundColor = UIColor.darkGray                self.view.addSubview(myView)                myViews.append(myView)                x += padding + width            }            x = 20            y += padding + width        }

添加Transfrom动画

 for myView in myViews{            //将视图缩小为原来的1/10            myView.layer.setAffineTransform(CGAffineTransform(scaleX: 0.1, y: 0.1))            //myView.alpha = 0            UIView.animate(withDuration: 1, delay: 0.01, options: UIViewAnimationOptions(), animations: {() -> Void in                    //将视图旋转90度                    myView.layer.setAffineTransform(CGAffineTransform(rotationAngle: 90))                }, completion: {(finish:Bool) -> Void in                    UIView.animate(withDuration: 1, animations: {() -> Void in                        //动画结束后，数据块复原                        myView.layer.setAffineTransform(CGAffineTransform.identity)                        //myView.alpha = 1.0                    })            })        }

最后运行结果如下

Demo
!(https://github.com/MrLinTianbao/CATranfrom.git)