分类导航

iOS 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了ios – Autolayout违反了翻译轮换动画，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有UIView,我想用旋转动画它.我也想使用autolayout.我已经看到了很多stackoverflow常见问题,但我没有找到任何适用的解决方案.
那么,让我们从我的界面和动画代码开始吧;我有@L_616_4@UIView图像,必须旋转.现在我有按钮,激活旋转.在屏幕截图中你可以看到红十字,这必须是旋转的中心(现在它在图像上,但我想在旋转的UIView之外设置旋转中心,我知道这可以用AnchorPoint存档).

这是我的旋转动画代码：

#define ROTATE_DURATION 3.0

- (IBACtion)rotateArrow {

CGAffineTransform transform = self.hand.transform;

NSLog(@"layer possition before animation x: %f; y: %f",self.hand.layer.position.x,self.hand.layer.position.y);

[UIView animateWithDuration:rOTATE_DURATION/3 delay:0.0 options:UIViewAnimationOptionCurveLinear animations:^{

        self.hand.transform = CGAffineTransformRotate(transform,2*M_PI/3) ;
        [self.hand layoutIfNeeded];

        NSLog(@"layer possition after animation 1 x: %f; y: %f",self.hand.layer.position.y);
     }
    completion:^(BOOL finished) {
        [UIView animateWithDuration:rOTATE_DURATION/3 delay:0.0 options:UIViewAnimationOptionCurveLinear animations:^{

            self.hand.transform = CGAffineTransformRotate(transform,-2*M_PI/3) ;
            [self.hand layoutIfNeeded];

            NSLog(@"layer possition after animation 2 x: %f; y: %f",self.hand.layer.position.y);
        }
    completion:^(BOOL finished) {
        [UIView animateWithDuration:rOTATE_DURATION/3 delay:0.0 options:UIViewAnimationOptionCurveLinear animations:^{

            self.hand.transform = CGAffineTransformRotate(transform,0) ;
            [self.hand layoutIfNeeded];

            NSLog(@"layer possition after animation 3 x: %f; y: %f",self.hand.layer.position.y);
        }
        completion:^(BOOL finished) {

        }];
    }];
}];



}

所以有什么问题：
当旋转正在进行时,UIView会改变它的center和layer.position属性,这就是为什么我的UIView在动画时会“跳转”.如果关闭自动布局,动画就可以了.我观看了WWDC 2012“按示例自动布局”,发现我会使用[self.hand layoutIfNeeded];一切都很好,但根本不是.动画变得更加平滑,但我看到这种“跳跃”.所以,这是我的“输出”.

当它是动画时,UIView向右移动,就像你在图像上看到的那样,而不是回到正常位置.我怎样才能解决这个“跳跃”问题？

这是@L_616_4@日志：

layer possition before animation x: 160.000000; y: 99.500000
 layer possition after animation 1 x: 197.349030; y: 114.309601
 layer possition after animation 2 x: 197.349030; y: 114.309601
 layer possition after animation 3 x: 160.000000; y: 99.500000

谢谢.