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

时间:2013-03-27 03:20:20

标签: ios objective-c uiview rotation move

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

我在网上搜索了很多来自stackoverflow的提示。我已经搜索了Xcode的帮助并观看了视频等,但我仍然无法让它工作。

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

一种方法将面板和箭头向右移动。另一种方法是将箭头与移动一起旋转。

我已尝试CATransform3DMakeRotationCGAffineTransformMakeRotationCATransform3DMakeRotation,但我无法通过移动箭头和移动面板来旋转箭头。

我能够达到的最好的是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];
    }
   }

1 个答案:

答案 0 :(得分:0)

    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];