Question

我正试图以螺旋式动作从屏幕中心到左上角的视图动画。这就是我正在做的事情：

CGMutablePathRef curvedPath = CGPathCreateMutable();
    CGPathMoveToPoint(curvedPath, NULL, viewOrigin.x, viewOrigin.y);

        controlX1 = viewOrigin.x + halfScreenWidth*0.3;
        controlY1 = viewOrigin.y + halfScreenHeight*0.1;
        controlX2 = viewOrigin.x - halfScreenWidth*0.05;
        controlY2 = viewOrigin.y + halfScreenHeight*0.5;
        controlX3 = viewOrigin.x - halfScreenWidth*0.4;
        controlY3 = viewOrigin.y;

        rndX1 = viewOrigin.x + halfScreenWidth*.1;
        rndX2 = viewOrigin.x - halfScreenWidth*.40;
        rndY1 = viewOrigin.y + halfScreenHeight*.10;
        rndY2 = viewOrigin.y + halfScreenHeight*.35;
    }


    CGPathAddQuadCurveToPoint(curvedPath, NULL, controlX1, controlY1, rndX1, rndY1);
    CGPathAddQuadCurveToPoint(curvedPath, NULL, controlX2, controlY2, rndX2, rndY2);
    CGPathAddQuadCurveToPoint(curvedPath, NULL, controlX3, controlY3, endPoint.x, endPoint.y);

    pathAnimation.path = curvedPath;
    CGPathRelease(curvedPath);

CAAnimationGroup *group = [CAAnimationGroup animation];
    group.fillMode = kCAFillModeForwards;
    [group setAnimations:[NSArray arrayWithObjects: pathAnimation, nil]];
    group.duration = 3.0f;
    group.delegate = self;
    [group setValue:self.theView forKey:@"imageViewBeingAnimated"];

视图移动到曲线上的每个点，但它不平滑，也不是很弯曲。它只是向每个点移动一条直线。为什么路径不弯曲？我使用this作为参考。

Answer 1

如果您想要更平滑的螺旋线，可以使用以下功能。它＆＃39;可以调整代码以使其具有开放螺旋。

-(void)addEnteringSpiralOnPath: (CGMutablePathRef) path
                          size: (CGSize)size
                         turns: (int)turns
{
    CGPathMoveToPoint(path, NULL, size.width/2, 0); //To begining: Right

    for (int turn = turns; turn >= 1; turn--) {
        CGSize largeSize = CGSizeMake(size.width * turn/turns, size.height * turn/turns);
        CGSize smallSize = CGSizeMake(size.width * (turn-1) / turns, size.height * (turn-1) / turns);
        NSLog(@"Large: %@; Small: %@", NSStringFromCGSize(largeSize), NSStringFromCGSize(smallSize));

        CGFloat wStep = (largeSize.width/2 - smallSize.width/2 ) / 360;
        CGFloat hStep = (largeSize.height/2 - smallSize.height/2 ) / 360;

        for (CGFloat i = 0; i<=360; i = i + 10) {
            CGFloat iRad = i * M_PI / 180.0f;
            CGPoint p = CGPointMake(cosf(iRad) * (largeSize.width/2 - wStep * i),
                                    sinf(iRad) * (largeSize.height/2 - hStep * i));
            CGPathAddLineToPoint(path, nil, p.x, p.y);
        }
    }

}
-(void)addOpenningSpiralOnPath: (CGMutablePathRef) path
                          size: (CGSize)size
                         turns: (int)turns
{
    CGPathMoveToPoint(path, NULL, 0, 0); //To begining: Center

    for (int turn = 1; turn <= turns; turn++) {
        CGSize largeSize = CGSizeMake(size.width * turn/turns, size.height * turn/turns);
        CGSize smallSize = CGSizeMake(size.width * (turn-1) / turns, size.height * (turn-1) / turns);
        NSLog(@"Large: %@; Small: %@", NSStringFromCGSize(largeSize), NSStringFromCGSize(smallSize));

        CGFloat wStep = (largeSize.width/2 - smallSize.width/2 ) / 360;
        CGFloat hStep = (largeSize.height/2 - smallSize.height/2 ) / 360;

        for (CGFloat i = 0; i<=360; i = i + 10) {
            CGFloat iRad = i * M_PI / 180.0f;
            CGPoint p = CGPointMake(cosf(iRad) * (smallSize.width/2 + wStep * i),
                                    sinf(iRad) * (smallSize.height/2 + hStep * i));
            CGPathAddLineToPoint(path, nil, p.x, p.y);
        }
    }
}

然后，您只需要一个简单的代码来制作路径：

    CGMutablePathRef pathToDraw = CGPathCreateMutable();

    [self addEnteringSpiralOnPath:pathToDraw size:CGSizeMake(400, 400) turns:3];

使用CGMutablePathRef的螺旋路径动画

1 个答案: