//创建出CAShapeLayer
self.shapeLayer= [CAShapeLayer layer];
//self.shapeLayer.frame = self.view.frame;//设置shapeLayer的尺寸和位置
self.shapeLayer.fillColor= [UIColor clearColor].CGColor;//填充颜色为ClearColor
//设置线条的宽度和颜色
self.shapeLayer.lineWidth=30.0f;
self.shapeLayer.strokeColor= [UIColor greenColor].CGColor;
//创建出贝塞尔曲线
UIBezierPath*circlePath = [UIBezierPath bezierPath];
[circlePath moveToPoint:CGPointMake(20,200)];
[circlePath addLineToPoint:CGPointMake(200,200)];
//让贝塞尔曲线与CAShapeLayer产生联系
self.shapeLayer.path= circlePath.CGPath;
//添加并显示
[self.view.layer addSublayer:self.shapeLayer];
// Do any additional setup after loading the view.
CABasicAnimation*pathAnimation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
pathAnimation.duration=1.0f;
pathAnimation.timingFunction= [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
pathAnimation.fromValue=@0.0f;
pathAnimation.toValue=@(1);
[self.shapeLayer addAnimation:pathAnimation forKey:@"strokeEndAnimation"];
iOS利用贝塞尔曲线和CAShapeLayer创建横向带动画柱状图
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 前言 最近项目中要求使用柱状图来显示数据,但是要求在柱子上显示不同的颜色,查找了很多第三方的库,然而并没有找到合适...
- 无意中看到JOhnnny的文章, 把代码在playground敲了一遍, Demo放上来工同学们参考 点击下载 D...
- 首先推荐一下一直在看的博客文顶顶的博客基本上涵盖了iOS入门到中高级的所有知识点，而且极度详细。是的，极度！！如果...
