使用CADisplayLink的UIImageView旋转动画-跟踪旋转

Question

建议我尝试使用CADisplayLink旋转UIIMageView 。 我正在使用Storyboard构建此应用程序。

轻按屏幕时，我需要启动和停止动画。 我还需要跟踪点击屏幕时旋转停止的角度。

我在这里找到了本教程，但对我没有帮助。

我还找到了几个小例子（ 这是一个例子），但我无法使其真正动起来。 从上面的示例中我得到的结果是，我的图像旋转了一次，然后停止了。

除此之外，我真的找不到如何使用CADisplayLink连续旋转UIImageView的好教程或示例，直到点击为止，然后在再次点击时继续旋转并最终存储旋转角度。

为了让您大致了解我要实现的目标，它基本上是一个钟面，并且随着钟针的旋转，您可以通过点击来启动和停止它，并获取角度。

有谁知道一个好榜样？ 也许可以帮助我。 谢谢。

更新/编辑

在我的应用程序中使用Rob出色的Obj-C答案非常有效。 如果有人感兴趣，这就是我跟踪旋转角度并将其显示在屏幕上的方式：

每次调用HandleDisplayLink ，我都会调用此方法： [self calculateDisplayAngle]; HandleDisplayLink [self calculateDisplayAngle];

方法很简单：

 - (void)calculateDisplayAngle{
         currentRotationAngle = self.percent*360; //360 because I changed kDuration = 1;
         self.AngleLabel.text = [NSString stringWithFormat:@"Angle: %.2f",currentRotationAngle];
 }

Answer 1

您只需要具有可跟踪旋转状态的属性，以便在停止旋转时可以从停止的位置开始旋转。 例如：

@IBOutlet weak var imageView: UIImageView!

override func viewDidLoad() {
    super.viewDidLoad()

    startDisplayLink()
}

@IBAction func handleTapGesture(sender: UITapGestureRecognizer) {
    if displayLink != nil {
        stopDisplayLink()
    } else {
        startDisplayLink()
    }
}

private let duration = 2.5
private var percent = 0.0
private var displayLink: CADisplayLink?
private var start: CFAbsoluteTime?

func startDisplayLink() {
    displayLink = CADisplayLink(target: self, selector: "handleDisplayLink:")
    start = CFAbsoluteTimeGetCurrent() + (1.0 - percent) * duration
    displayLink?.addToRunLoop(NSRunLoop.mainRunLoop(), forMode: NSRunLoopCommonModes)
}

func stopDisplayLink() {
    displayLink?.invalidate()
    displayLink = nil
}

func handleDisplayLink(displayLink: CADisplayLink) {
    let elapsed = CFAbsoluteTimeGetCurrent() - start!
    percent = (elapsed % duration) / duration
    imageView.transform = CGAffineTransformMakeRotation(CGFloat(M_PI * 2.0 * percent))
}

或在Objective-C中：

static CGFloat const kDuration = 2.5;

@interface ViewController2 ()

@property (weak, nonatomic) IBOutlet UIImageView *imageView;

@property (nonatomic, strong) CADisplayLink *displayLink;
@property (nonatomic) CFAbsoluteTime startTime;
@property (nonatomic) CGFloat percent;

@end

@implementation ViewController2

- (IBAction)handleTapGesture:(UITapGestureRecognizer *)sender {
    if (self.displayLink) {
        [self stopDisplayLink];
    } else {
        [self startDisplayLink];
    }
}

- (void)viewDidLoad {
    [super viewDidLoad];

    [self startDisplayLink];
    // Do any additional setup after loading the view.
}


- (void)startDisplayLink {
    self.displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(handleDisplayLink:)];
    self.startTime = CFAbsoluteTimeGetCurrent() + (1.0 - self.percent) * kDuration;
    [self.displayLink addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSDefaultRunLoopMode];
}

- (void)stopDisplayLink {
    [self.displayLink invalidate];
    self.displayLink = nil;
}

- (void)handleDisplayLink:(CADisplayLink *)displayLink {
    CFAbsoluteTime elapsed = CFAbsoluteTimeGetCurrent() - self.startTime;
    self.percent = elapsed / kDuration - floor(elapsed / kDuration);
    self.imageView.transform = CGAffineTransformMakeRotation(M_PI * 2.0 * self.percent);
}

@end