旋转/移动一个uiview并同时移动其他人

Question

这是我的第一个问题，我是iOS编程的新手。

我在网上搜索了很多来自于stackoverflow的技巧。我已经搜索了Xcode的帮助，并观看了视频等，但我似乎仍然无法得到这个工作。

我有一个约6个不同的UIViews视图。其中一个UIViews是位于垂直面板另一个UIView上方的箭头图像。箭头图像正在接收触摸，然后触发两种方法

一种方法将面板和箭头移动到右侧。另一种方法随着移动一起旋转箭头。

我已经试过CATransform3DMakeRotation，CGAffineTransformMakeRotation和CATransform3DMakeRotation，但我不能让箭头与箭的移动和面板的移动旋转。

我已经能够实现的最好效果是CATransform3DMakeRotation，但这只是翻转箭头，并且不会旋转动画。

其他人将旋转箭头，但不允许移动面板。

这里是我的代码来旋转箭头。正如你所看到的。很多评论了我尝试过的项目。

- (void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { 

    UITouch *touch = [touches anyObject]; 
    CGPoint touchLocation = [touch locationInView:self.view]; 

    CGRect bugRect = [[[RightArrow layer] presentationLayer] frame]; 
    if (CGRectContainsPoint(bugRect, touchLocation)) { 
     [self RotateArrowOFF]; 
     [self MovePanels]; 
     NSLog(@"Arrow tapped!"); 
    } else { 
     NSLog(@"Arrow not tapped."); 
     return; 
    } 

} 

-(IBAction)MoveLeftColorPanel 
{ 
    NSLog(@"Right Arrow Center %@", NSStringFromCGPoint(RightArrow.center)); 

} 
- (void)MovePanels 
{ 


    if (_PanelsAreOffScreen == NO) { 

     [UIView animateWithDuration:0.3f delay:0 options:UIViewAnimationOptionCurveEaseOut | UIViewAnimationOptionLayoutSubviews animations:^{ 
      RightPanel.center = CGPointMake(1065, 384); 
     } 
         completion:^(BOOL finished) { 
          NSLog(@"Animation 1 complete"); 
          _PanelsAreMoving = YES; 

         }]; 
     [UIView animateWithDuration:0.3f delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{ 
      LeftPanel.center = CGPointMake(-50, 384); 
     } 
         completion:^(BOOL finished) { 
          NSLog(@"Animation 2 complete"); 
          _PanelsAreMoving = YES; 

         }]; 

     [UIView animateWithDuration:0.3f delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{ 
      RightArrow.center = CGPointMake(1010, 82); 
     } 
         completion:^(BOOL finished) { 
          NSLog(@"Animation 3 complete"); 
          _PanelsAreMoving = YES; 

         }]; 

     _PanelsAreOffScreen = YES; 
    } 
    else { 
     [UIView animateWithDuration:0.3f delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{ 
      RightPanel.center = CGPointMake(914, 384); 
     } 
         completion:^(BOOL finished) { 
          NSLog(@"Animation 5 complete"); 
         }]; 
     [UIView animateWithDuration:0.3f delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{ 
      LeftPanel.center = CGPointMake(108, 384); 
     } 
         completion:^(BOOL finished) { 
          NSLog(@"Animation 6 complete"); 
         }]; 
     [UIView animateWithDuration:0.3f delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{ 
      RightArrow.center = CGPointMake(836, 82); 
     } 
         completion:^(BOOL finished) { 
          NSLog(@"Animation 7 complete"); 
         }]; 

     _PanelsAreOffScreen = NO; 
    } 

} 

- (void)RotateArrowOFF//:(CGRect)rect 
{ 

    RightArrow.layer.anchorPoint = CGPointMake(0.06, 0.5); 

    if (_PanelsAreOffScreen == NO) 
    { 
     [CATransaction begin]; 
     [CATransaction setValue:(id)kCFBooleanTrue forKey:kCATransactionDisableActions]; 
     [CATransaction setValue:[NSNumber numberWithFloat:2.0f] forKey:kCATransactionAnimationDuration]; 
     CATransform3D RotateArrow = RightArrow.layer.transform; 
     RotateArrow = CATransform3DMakeRotation(M_PI,0.0,0.0,1.0); 
     RightArrow.layer.transform = RotateArrow; 
    } 
    else 
    { 
     [CATransaction begin]; 
     [CATransaction setValue:[NSNumber numberWithFloat:2.0f] forKey:kCATransactionAnimationDuration]; 

     CATransform3D RotateArrow = RightArrow.layer.transform; 
     RotateArrow = CATransform3DMakeRotation(0,0.0f,0.0f,1.0f); 
     RightArrow.layer.transform = RotateArrow; 

     [CATransaction commit]; 
    } 
    } 

Answer 1

RightArrow.layer.transform = RotateArrow; 

所以你的问题是，为什么没有任何动画发生在这里？问题是RightArrow是一个UIView，所以RightArrow.layer是它的“底层”。您不能仅通过分配给它的属性来隐式地为视图的底层添加动画。您必须使用UIView动画（使用视图的transform属性），否则必须直接使用Core Animation（CABasicAnimation）。

下面是一个例子（从我的书）：

[CATransaction setDisableActions:YES]; 
v.layer.transform = CATransform3DRotate(v.layer.transform, M_PI/4.0, 0, 0, 1); 
CABasicAnimation* anim = [CABasicAnimation animationWithKeyPath:@"transform"]; 
anim.duration = 0.8; 
[v.layer addAnimation:anim forKey:nil];