动画是iOS开发中非常常用的功能,我们可以通过动画做出非常炫目的效果,有趣的界面.下面简单介绍下动画的创建.
layer
每个view都有一个layer层,用来显示图形.layer也可以做动画.
- 创建layer
//创建layer
CALayer *layer = [[CALayer alloc] init];
//设置layer的阴影颜色
layer.shadowColor = [UIColor redColor].CGColor;
//设置layer的阴影偏移量
layer.shadowOffset = CGSizeMake(10, 10);
//设置layer的背景色
layer.backgroundColor = [UIColor redColor].CGColor;
//设置layer的frame
layer.frame = CGRectMake(0, 0, 100, 100);
//设置layer的锚点
layer.anchorPoint = CGPointZero;
//设置layer的position
layer.position = CGPointZero;
//将layer添加至父控件的layer上
[_orangeView.layer addSublayer:layer];
注意:在创建layer时,必须设置frame与背景色,否则将无法显示出来.
-
关于锚点(anchorPoint)与position
position是决定了layer显示在父控件的哪个位置,默认position是该layer的中心点.
anchorPoint决定了layer自身显示在position的哪个位置.
不设置position与anchorPoint
设置position为(0,0)
设置锚点为(0,0)
设置锚点和position同时为(0,0)
从上述设置可以看出:
1. position与锚点的默认点为中心点
2. position总是与锚点显示在同一位置
3. layer是否发生偏移有锚点决定
layer的动画设置
- 我们可以通过设置layer的平移,缩放,旋转等属性来让layer做出动画效果.
//设置偏移(相对于上一次)
_layer.transform = CATransform3DTranslate(<#CATransform3D t#>, <#CGFloat tx#>, <#CGFloat ty#>, <#CGFloat tz#>)
//设置旋转(相对于上一次)
_layer.transform = CATransform3DRotate(<#CATransform3D t#>, <#CGFloat angle#>, <#CGFloat x#>, <#CGFloat y#>, <#CGFloat z#>);
//设置缩放(相对于上一次)
_layer.transform = CATransform3DScale(<#CATransform3D t#>, <#CGFloat sx#>, <#CGFloat sy#>, <#CGFloat sz#>)
//设置旋转(相对于原始位置)
_layer.transform = CATransform3DMakeRotation(<#CGFloat angle#>, <#CGFloat x#>, <#CGFloat y#>, <#CGFloat z#>)
//设置缩放(相对于原始位置)
_layer.transform = CATransform3DMakeScale(<#CGFloat sx#>, <#CGFloat sy#>, <#CGFloat sz#>)
//设置偏移(相对于原始位置)
_layer.transform = CATransform3DMakeTranslation(<#CGFloat tx#>, <#CGFloat ty#>, <#CGFloat tz#>)
