CGPathAddArc

使用CGPathAddArc使UIView的Layer绕中心点旋转

2012-12-04 15:38 775人阅读 评论(0) 收藏 举报

animationAnimationiosiOSIOSlayerpathPATHPathuiviewUIViewUIVIew

1. float angle = 360 / 6;
2. for (int i = 0; i < 6; i++) {
3. UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
4. float offsetAngle = angle * i;
5. button.bounds = CGRectMake(0, 0, 32, 32);
6. button.center = CGPointMake(cos(offsetAngle * RADIANS) * 160, sin(offsetAngle * RADIANS) * 160);
7. button.tag = i;
8. CAKeyframeAnimation *pathAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
9. CGMutablePathRef path = CGPathCreateMutable();
10. pathAnimation.calculationMode = kCAAnimationPaced;
11. pathAnimation.fillMode = kCAFillModeForwards;
12. pathAnimation.removedOnCompletion = NO;
13. pathAnimation.duration = 2;
14. CGPathMoveToPoint(path, NULL, button.center.x, button.center.y);
15. CGPathAddArc(path, NULL, 0, 0, 160, offsetAngle * M_PI/180, offsetAngle * M_PI/180 + M_PI, YES);
16. pathAnimation.path = path;
17. CGPathRelease(path);
18. [button.layer addAnimation:pathAnimation forKey:@"curve"];
19. [tabBarView addSubview:button];
20. }

因为只是Layer的内容发生的位置变化,其实UIView还是在原来的位置上,如果需要使用应该在Animation结束后重新设定UIView的位置.

顺便翻译一下原文:

CGPathAddArc (

CGMutablePathRef path,

const CGAffineTransform *m,

CGFloat x,

CGFloat y,

CGFloat radius,

CGFloat startAngle,

CGFloat endAngle,

bool clockwise

);

path:动画的路径;

m:layer的transform;

x:其实x和y是什么我还没弄明白,根据原文应该是弧的圆心点,但我设置过,这更像是偏移量;

y:同上;

startAngle:起始的角度点,零度是与x轴相交点,度数为顺时针;

endAngle:结束的角度点;

clockwis:是否顺时针.