iosiOS CoreAnimationiOS学习开发

iOS结合CADisplayLink,UIBezierPath和

2016-01-17  本文已影响565人  luodezhao

什么是CADisplayLink

    CADisplayLink 和NSTimer一样,也是一种定时器,不过它的触发频率和屏幕的刷新频率相同,它可以以屏幕的频率将内容显示到屏幕上。适合用来做界面的不停重绘。

用法如下:

CADisplayLink *myLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(dislinkAction)];]

[myLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];

什么是UIBezierPath

UIBezierPath属于CoreGraphics,使用它可以完成大部分的绘图操作。基本用法可以参考这里,这次demo,就是用贝塞尔曲线画出path,然后赋给CAShapeLayer。

什么是CAShapeLayer

什么是layer。CAShapeLayer是layer的子类,但是他们的不同之处在于,layer的默认形状为矩形,而CAShapeLayer没有默认形状,必须给定一个path

CAShapeLayer与UIBezierPath的结合参考这里

这个是模仿做的demo,不过里面是通过drawrect画的,现在用CAShapeLayer来试一下。

效果图

实现

CAShapeLayer *layer = [CAShapeLayer layer];//初始化layer

layer.frame = frame;

layer.strokeColor = [UIColor greenColor].CGColor;

layer.fillColor = [UIColor blueColor].CGColor;

layer.lineCap = kCALineCapSquare;

layer.lineWidth = 4.0;

layer.strokeStart = 0;

layer.strokeEnd = 0.1;

layer.speed = 0.1;

layer.strokeStart = 0.0;

layer.strokeEnd = 1.0;

layer.lineWidth = 1;

myLayer = layer;

[self.view.layer addSublayer:layer];


CGPoint controlPoint = CGPointMake(width / 2,frame.origin.y +  H);

[path addQuadCurveToPoint:CGPointMake(width, frame.origin.y) controlPoint:controlPoint];//上面那条曲线

[path addLineToPoint:CGPointMake([UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)];

[path addLineToPoint:CGPointMake(0.0, [UIScreen mainScreen].bounds.size.height)];//两条边

[path closePath]

myLayer.path = path.CGPath;然后把path赋给layer就可以了

DEMO地址

上一篇下一篇

猜你喜欢

热点阅读