CGAffineTransformMakeRotation 在 180 度 (-3.14) 后反方向

问题描述

所以，

我正在尝试做一个非常简单的光盘旋转(2d)，根据用户对它的触摸，就像 DJ 或其他东西.它正在工作，但有一个问题，在旋转一定量后，它开始向后移动，这个量是在 180 度之后，或者正如我在记录角度时看到的那样，-3.14 (pi).

i am trying to do a very simple disc rotation (2d), according to the user touch on it, just like a DJ or something.It is working, but there is a problem, after certain amount of rotation, it starts going backwards, this amount is after 180 degrees or as i saw in while logging the angle, -3.14 (pi).

我想知道，我怎样才能实现无限循环，我的意思是，用户只需滑动手指就可以不断旋转和旋转到任何一侧?还有第二个问题是，有什么办法可以加快旋转吗?

I was wondering, how can i achieve a infinite loop, i mean, the user can keep rotating and rotating to any side, just sliding his finger?Also a second question is, is there any way to speed up the rotation?

这是我现在的代码:

#import <UIKit/UIKit.h>

@interface Draggable : UIImageView {
    CGPoint firstLoc;
    UILabel * fred;
    double angle;
}

@property (assign) CGPoint firstLoc;
@property (retain) UILabel * fred;

@end


@implementation Draggable

@synthesize fred, firstLoc;

- (id)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];

    angle = 0;
    if (self) {
        // Initialization code
    }
    return self;
}
-(void)handleObject:(NSSet *)touches
          withEvent:(UIEvent *)event
             isLast:(BOOL)lst
{
    UITouch *touch =[[[event allTouches] allObjects] lastObject];
    CGPoint curLoc = [touch locationInView:self];

    float fromAngle = atan2( firstLoc.y-self.center.y,
                            firstLoc.x-self.center.x );
    float toAngle = atan2( curLoc.y-(self.center.y+10),
                          curLoc.x-(self.center.x+10));
    float newAngle = angle + (toAngle - fromAngle);

    NSLog(@"%f",newAngle);

    CGAffineTransform cgaRotate = CGAffineTransformMakeRotation(newAngle);

    self.transform = cgaRotate;

    if (lst)
        angle = newAngle;
}

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    UITouch *touch =[[[event allTouches] allObjects] lastObject];
    firstLoc = [touch locationInView:self];
};


-(void) touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    [self handleObject:touches withEvent:event isLast:NO];
};

-(void) touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
    [self handleObject:touches withEvent:event isLast:YES];
}

@end

在 ViewController 中:

And in the ViewController:

UIImage *tmpImage = [UIImage imageNamed:@"theDisc.png"];
CGRect cellRectangle;
    cellRectangle = CGRectMake(-1,self.view.frame.size.height,tmpImage.size.width ,tmpImage.size.height );
    dragger = [[Draggable alloc] initWithFrame:cellRectangle];
    [dragger setImage:tmpImage];
    [dragger setUserInteractionEnabled:YES];

    dragger.layer.anchorPoint = CGPointMake(.5,.5);

    [self.view addSubview:dragger];

我也愿意接受新的/更干净/更正确的方法.

I am open to new/cleaner/more correct ways of doing this too.

提前致谢.

推荐答案

如果角度低于 -180 度或高于 180 度，则翻转角度.考虑以下 touchesMoved 实现:

Flip the angle if it's below -180 or above 180 degrees. Consider the following touchesMoved implementation:

@implementation RotateView

#define DEGREES_TO_RADIANS(angle) ((angle) / 180.0 * M_PI)

CGFloat angleBetweenLinesInDegrees(CGPoint beginLineA, CGPoint endLineA, CGPoint beginLineB, CGPoint endLineB)
{
    CGFloat a = endLineA.x - beginLineA.x;
    CGFloat b = endLineA.y - beginLineA.y;
    CGFloat c = endLineB.x - beginLineB.x;
    CGFloat d = endLineB.y - beginLineB.y;

    CGFloat atanA = atan2(a, b);
    CGFloat atanB = atan2(c, d);

    // convert radians to degrees
    return (atanA - atanB) * 180 / M_PI;
}

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    CGPoint curPoint  = [[touches anyObject] locationInView:self];
    CGPoint prevPoint = [[touches anyObject] previousLocationInView:self];

    // calculate rotation angle between two points
    CGFloat angle = angleBetweenLinesInDegrees(self.center, prevPoint, self.center, curPoint);

    // Flip
    if (angle > 180) {
        angle -= 360;
    } else if (angle < -180) {
        angle += 360;
    }

    self.layer.transform = CATransform3DRotate(self.layer.transform, DEGREES_TO_RADIANS(angle), .0, .0, 1.0);
}

@end

当围绕视图的外边界拖动时，它会像旋转的轮子一样连续旋转.希望有帮助.

When dragging around the outer bounds of the view, it will rotate it continuously like a spinning wheel. Hope it helps.

这篇关于CGAffineTransformMakeRotation 在 180 度 (-3.14) 后反方向的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！