CALayer篇:
- CALayer有很多子类,如果只是用来显示图形、文字,CALayer完全可以替代UIView的展示功能,但是CALayer不是继承与UIResponder,所以不能添加触摸事件,因此不能代替UIView的添加响应事件功能。
- 这个帖子展示的是CALayer的一个子类:CAReplicatorLayer 与UIBezierPath 实现曲线运动的动画效果(里边有曲线,直线)。
- 一共有五个动画效果,本帖子先举出一个,接下来还会更新更多,如果喜欢,希望大家多多鼓励。
来 ~ 先上gif图
1.复制图层" instanceCount"设置为多个时候的效果
_replicatorLayer.instanceCount = 30.0
2.复制图层" instanceCount"设置为一个时候的效果
_replicatorLayer.instanceCount = 1.0
- 代码量很小,先拿去复制粘贴吧
#import "ViewController.h"
#define H self.view.frame.size.height
#define W self.view.frame.size.width
@interface ViewController ()
/**图片*/
@property (nonatomic , weak) UIImageView *imageView;
/**replicatorLayer*/
@property (nonatomic , weak) CAReplicatorLayer *replicatorLayer;
@end
#pragma mark - 添加图片
- (void)addImageView {
UIImageView *imageView = [[UIImageView alloc]init];
[self.view addSubview:imageView];
imageView.contentMode = UIViewContentModeScaleAspectFit;
_imageView = imageView;
}
#pragma mark - 设置ReplicatorLayer
- (void)addReplicatorLayer {
CAReplicatorLayer *replicatorLayer = [CAReplicatorLayer layer];
replicatorLayer.bounds = self.view.bounds;
replicatorLayer.position = self.view.center;
replicatorLayer.preservesDepth = YES;
replicatorLayer.instanceColor = [UIColor whiteColor].CGColor;
[replicatorLayer addSublayer:_imageView.layer];
[self.view.layer addSublayer:replicatorLayer];
_replicatorLayer = replicatorLayer;
}
#pragma mark - 设置动画
- (void)code_XMAnimationTwo{
_imageView.contentMode = UIViewContentModeScaleAspectFit;
/**初始位置*/
_imageView.frame = CGRectMake(20, 600, 15, 15);
_imageView.backgroundColor = [UIColor orangeColor];
_imageView.image = [UIImage imageNamed:@"hei"];
_imageView.layer.cornerRadius = 7.5;
_imageView.layer.masksToBounds = YES;
CGFloat count = 30.0;
CGFloat duration = 3;
_replicatorLayer.instanceCount = count;/**复制图层个数*/
_replicatorLayer.instanceDelay = duration / count;/**复制延迟*/
_replicatorLayer.instanceAlphaOffset = 0.1;
/**规划路径----UIBezierPath*/
UIBezierPath *path = [UIBezierPath bezierPath];
[path moveToPoint:CGPointMake(20, 600)];/**动画开始的点--基准点*/
[path addLineToPoint:CGPointMake(20, 100)];/**第一条直线终点(也是第二条直线的开始点)*/
[path addCurveToPoint:CGPointMake(200, 400) controlPoint1:CGPointMake(200, 20) controlPoint2:CGPointMake(20, 400)];/**曲线的 起点(也是第二条直线的终点) 、 控制点1 、控制点2*/
[path addLineToPoint:CGPointMake(280, 90)];/**直线*/
[path addLineToPoint:CGPointMake(380, 280)];/**直线*/
[path addLineToPoint:CGPointMake(240, 400)];/**直线*/
[path addLineToPoint:CGPointMake(400, 500)];/**最后一条直线终点*/
CAKeyframeAnimation *keyFrameAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
keyFrameAnimation.path = CGPathCreateCopyByTransformingPath(path.CGPath, NULL);
keyFrameAnimation.duration = duration;
keyFrameAnimation.repeatCount = 2;/**重复次数*/
[_imageView.layer addAnimation:keyFrameAnimation forKey:nil];
}
- 属性简介解
// CAReplicatorLayer可以将自己的子图层复制指定的次数,并且复制体会保持被复制图层的各种基础属性以及动画
//基本属性
instanceCount
Int 型 拷贝图层的次数,包括其所有的子图层,默认值是1,也就是没有任何子图层被复制
instanceDelay
CFTimeInterval 类 在短时间内的复制延时,一般用在动画上(支持动画的延时)
instanceTransform
CATransform3D 类 复制图层在被创建时产生的和上一个复制图层的位移(位移的锚点时CAReplicatorlayer的中心点)
preservesDepth
Bool 型 如果设置为YES,图层将保持于CATransformLayer类似的性质和相同的限制
instanceColor
CGColor 类 设置多个复制图层的颜色,默认位白色
instanceRedOffset
Float 型 设置每个复制图层相对上一个复制图层的红色偏移量
instanceGreenOffset
Float 型 设置每个复制图层相对上一个复制图层的绿色偏移量
instanceBlueOffset
Float 型 设置每个复制图层相对上一个复制图层的蓝色偏移量
instanceAlphaOffset
Float 型 设置每个复制图层相对上一个复制图层的透明度偏移量
【code_小马】
晌午时光
很喜欢的一篇文章,拿出来和大家分享
【第九集】
........ 我决定去巷口接一接如风,我拿起一把伞,开门走了出去。 我没想到,在开门的一霎那,我的命运彻底发生了改变…… 我开门的时候恰巧三个阿飞驾着机车从狭窄的巷子里飞驰而过,随着一声尖锐的刹车声,我们摔作一团。 “X你娘!没长眼啊?”三个男人中为首的那一个站起来指着我骂道。我的腿好像被撞伤了,身上已经被大雨淋湿,沾了很多的泥,狼狈不堪。我挣扎的爬起来,低着头忙不迭地说对不起。 另外两人也站了起来,其中染黄头发的一个不客气的推了我一把,我又摔到了地上,伤腿被重重的碰到,我疼得动弹不得。 “滚开!”就在黄毛准备再补给我一脚的时候,为首的人喝住他。 “你是夏如画!?”他诧异的说。 我惊讶得抬眼望他,辨认了好久,失声叫道:“阿福!” 阿福搀起来我说:“没认出是你阿!多少年没见了!” 我疼得轻哼了一声,阿福说:“伤到了吧?我扶你进屋!” 阿福揽着我的腰进到了屋里,却迟迟不愿放开,我觉得有点别扭,轻轻拨开了他的手。 湿透的制服衬衫把我已渐渐发育的身材暴露无遗,阿福毫无掩饰的盯着我的胸脯说:“如画,你比以前更靓了!” 我尴尬的侧着身子,默默不语,隐隐感到一种恐惧。 阿福坐到我身边说:“腿疼不疼?我帮你看看。”说着就把手伸向我的裙子。 我急忙闪开说:“不用了!你们还有事吧?不用管我,快去忙吧!一会如风就回来了,他给我看就好。” 阿福哈哈笑了一声,对他的两个小弟说:“她是我的初恋情人呢!当初她弟弟还为她跟我打了一架。” 黄毛吹了声口哨说:“福哥好眼光!” 阿福肆无忌惮的靠过来,我紧贴着墙无处可躲,他把手放在我大腿上说:“我上过的女人,哪个不好?” 我使劲推开他,喊道:“别碰我,滚出去!” 阿福狞笑道:“今天老子犯桃花,是你自己送上门,我怎么会放过?” 两个小弟识趣的走了出去,黄毛带上房门说:“福哥,动作快点阿!今晚程老大还有事!” 我惊恐的望着阿福,我知道他想做什么了,从未有过的恐惧侵透我的全身。
文章后续更新中,喜欢请关注哦 🌹