CAAnimation - 更改动画最后一帧的属性？

Posted 2023-03-13

【中文标题】CAAnimation - 更改动画最后一帧的属性？

【英文标题】：CAAnimation - change properties in the last frame of the animation?

【发布时间】：2011-06-01 10:19:11

【问题描述】：

我正在为 UIView（或者更确切地说是它的 CALayer）制作动画，并且在动画结束时它不再可见（我进行了 3D 变换，使其围绕 y 旋转 90°，想象一扇门朝你打开） ，尽管它在技术上是“可见的”，因为它的框架仍在屏幕上。

在此动画结束时，我在 animationDidStop:finished: 方法中从其父视图中删除了该视图。

问题是，有一个短暂的闪烁，您可以在此视图中看到它在被移除之前的原始未转换状态。

我想知道如何解决这个问题。我不知道。我尝试为图层的不透明度设置动画，但这也不起作用。闪烁仍然发生。

有什么想法吗？我可以提供任何东西吗？或者这里有人可能以前遇到过这个问题？

编辑：这是一些代码（向下滚动并查找 if(isHalfDone) where [subview removeFromSuperview]; 内的行）；

- (void) pageOpenView:(UIView *)viewToOpen duration:(NSTimeInterval)duration pageTurnDirection:(PageTurnDirection) p
    // Remove existing animations before stating new animation
    [viewToOpen.layer removeAllAnimations];

    // Make sure view is visible
    viewToOpen.hidden = NO;

    // disable the view so it’s not doing anythign while animating
    viewToOpen.userInteractionEnabled = NO;

    float dir = p == 0 ? -1.0f : 1.0f;  // for direction calculations

    // create an animation to hold the page turning
    CABasicAnimation *transformAnimation = [CABasicAnimation animationWithKeyPath:@"transform"];
    transformAnimation.removedOnCompletion = NO;
    transformAnimation.duration = duration;
    transformAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];

    CATransform3D startTransform = CATransform3DIdentity;

    if (p == NEXT_PAGE) 
        startTransform.m34 = 0.001f;
    else 
        startTransform.m34 = -0.001f;
    

    // start the animation from the current state
    transformAnimation.fromValue = [NSValue valueWithCATransform3D:startTransform];
    // this is the basic rotation by 90 degree along the y-axis
    CATransform3D endTransform = CATransform3DMakeRotation(3.141f/2.0f,
                                                           0.0f,
                                                           dir,
                                                           0.0f);
    // these values control the 3D projection outlook
    if (p == NEXT_PAGE) 
        endTransform.m34 = 0.001f;
        endTransform.m14 = -0.0015f;
    else 
        endTransform.m34 = -0.001f;  
        endTransform.m14 = 0.0015f;
    


    transformAnimation.toValue = [NSValue valueWithCATransform3D:endTransform];


    // Create an animation group to hold the rotation
    CAAnimationGroup *theGroup = [CAAnimationGroup animation];

    // Set self as the delegate to receive notification when the animation finishes
    theGroup.delegate = self;
    theGroup.duration = duration;
    // CAAnimation-objects support arbitrary Key-Value pairs, we add the UIView tag
    // to identify the animation later when it finishes
    [theGroup setValue:[NSNumber numberWithInt:viewToOpen.tag] forKey:@"viewToOpenTag"];  // We set the tag to the page number
    [theGroup setValue:[NSNumber numberWithInt: p] forKey:@"PageTurnDirection"]; 
    [theGroup setValue:[NSNumber numberWithBool:YES] forKey:@"isAnimationMidpoint"];  // i.e. is this the first half of page-turning or not?

    // Here you could add other animations to the array
    theGroup.animations = [NSArray arrayWithObjects:transformAnimation,  nil];
    theGroup.removedOnCompletion = NO;
    // Add the animation group to the layer
    [viewToOpen.layer addAnimation:theGroup forKey:@"flipViewOpen"];


- (void)animationDidStop:(CAAnimation *)theAnimation finished:(BOOL)flag 
    // Get the tag from the animation, we use it to find the animated UIView
    NSNumber *tag = [theAnimation valueForKey:@"viewToOpenTag"];  
    PageTurnDirection dir = [[theAnimation valueForKey:@"PageTurnDirection"] intValue];  
    BOOL isHalfDone = [[theAnimation valueForKey:@"isAnimationMidpoint"] boolValue];

    UIView *toStack;    // the stack the page has moved from
    UIView *fromStack;  // the stack the new page will go to.
    int indexDirection;  // will be either 1 or -1

    int targetLastPageInStack;  // the page number that wants to get added to its stack  (i.e. either high or low)

    // depending on which direction we are turning, we search a different stack
    if (dir == NEXT_PAGE) 
        fromStack = rightStack;
        toStack = leftStack;
        indexDirection = 1;
        int lastPg;

        UIView *lastPgInStack;

        if ([fromStack.subviews count] > 0) 
            lastPgInStack = [fromStack.subviews objectAtIndex:0];

            if ([lastPgInStack tag] == pageIndex) 
                lastPg = pageIndex;  // pagenr of currently last page in stack.
            
            else 
                // there was no last page, so the current page is the last page
                lastPg = [lastPgInStack tag];
            
        else 
            lastPg = pageIndex;
        


        targetLastPageInStack = lastPg + 2;
    
    else 
        fromStack = leftStack;
        toStack = rightStack;
        indexDirection = -1;
        int lastPg;
        UIView *lastPgInStack = [fromStack.subviews objectAtIndex:0];

        if ([lastPgInStack tag] == pageIndex-1) 
            lastPg = pageIndex-1;  // pagenr of currently last page in stack.
        
        else 
            // there was no last page, so the current page is the last page
            lastPg = [lastPgInStack tag];
        

        targetLastPageInStack = lastPg - 2;
    


    // different handling if the page turning is half done, or fully done.
    if (isHalfDone) 

        UIView *subview = [fromStack viewWithTag:[tag intValue]];

        if (flag) 
            // Now we just hide the animated view since
            // animation.removedOnCompletion is not working
            // in animation groups. Hiding the view prevents it
            // from returning to the original state and showing.

            subview.hidden = YES;
            [subview removeFromSuperview];  // REMOVE THE ANIMATED PAGE FROM THE STACK


            // now create one on that stack
            if ((dir == NEXT_PAGE && targetLastPageInStack <= self.endPageIndex) || (dir == PREV_PAGE && targetLastPageInStack >= self.startPageIndex)) 

                BODBookPage *newPage = [BODBookPage pageInBook:&myDocumentRef pageNum:targetLastPageInStack frame:fromStack.bounds] ;
                newPage.hidden = NO;
                [fromStack insertSubview:newPage atIndex:0];
            

        

        // now create the view for the page that'll be turned over and add it to the right stack.  Probably set it to hidden as well.
        BODBookPage *newPage = [BODBookPage pageInBook:&myDocumentRef pageNum:[tag intValue] + 1*indexDirection frame:toStack.bounds] ;
        newPage.hidden = YES;
        [toStack addSubview:newPage];
        [self pageCloseView:newPage duration:turningTime/2.0f pageTurnDirection:dir];
    
    else 
        // we just animated the page turning from up to over

        // now have to remove the most distant view, so the view at subview index 0.  We do this to keep memory usage low.
        if ([toStack.subviews count] > 1) 
            [(UIView*)[toStack.subviews objectAtIndex:0] removeFromSuperview];
        


        pageIndex = pageIndex + 2*indexDirection;
    

【问题讨论】：

这个问题好像和this one as well一样

【参考方案1】：

这就是问题的答案：关于animation fillMode property。

【讨论】：

必须的！没有什么比一个人写下“帮帮我，帮帮我，帮帮我！请为我写代码……”然后是“我修好了”的人更烦人了。没有解释为什么......

您也可以接受它作为答案。这将增加答案的可信度