Question

在XCode中创建一个简单的项目
设置视图以接收多点触控事件
在touchesBegan中回复，在检测到触摸事件时创建CALayer
为CALayer制作不透明淡出动画
当动画停止时，从父母移除CALayer

期待：CALayer正常消失

实际：CALayer在消失之前闪烁（闪烁）

完整源代码：

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    self.view.multipleTouchEnabled = YES;
}

- (void)viewDidUnload
{
    [super viewDidUnload];
    // Release any retained subviews of the main view.
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
}

- (void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    for (UITouch* touch in touches) {
        CGPoint p = [touch locationInView:self.view];

        //NSLog(@"touch=%@ p=%@", touch, NSStringFromCGPoint(p));

        CALayer *layer = [CALayer layer];
        layer.position = p;
        layer.bounds = CGRectMake(0, 0, 70, 70);
        layer.cornerRadius = 30;
        layer.masksToBounds = NO;
        layer.backgroundColor = [UIColor colorWithRed:102.0/255.0 green:156.0/255.0 blue:255.0/255.0 alpha:0.8].CGColor;
        layer.shouldRasterize = YES;

        CABasicAnimation *fadeOutAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
        fadeOutAnimation.fromValue = [NSNumber numberWithFloat:1.0];
        fadeOutAnimation.toValue = [NSNumber numberWithFloat:0.0];
        fadeOutAnimation.duration = 0.5;
        fadeOutAnimation.delegate = self;
        fadeOutAnimation.removedOnCompletion = NO;
        [fadeOutAnimation setValue:layer forKey:@"parentLayer"];
        [layer addAnimation:fadeOutAnimation forKey:@"opacity"];

        [self.view.layer addSublayer:layer];
    }
}

- (void)animationDidStop:(CAAnimation *)theAnimation finished:(BOOL)flag {
    if(flag) {
        CALayer *layer = [theAnimation valueForKey:@"parentLayer"];
        if(layer) {
            layer.opaque = NO;
            layer.opacity = 0.0;
            //layer.hidden = YES;
            //NSLog(@"The layer object was: %@ (%@)", layer, [layer name]);
            [layer removeFromSuperlayer];
            [layer removeAllAnimations];
        }
    }
}

@end

Answer 1

tl; dr：将动画上的fillMode设置为kCAFillModeForwards，或者在将动画添加到图层之前将值更改为最终值。

基本动画只是动画期间的可视动画，不会更改实际值。当您将动画设置为在完成时不被删除时，意味着该图层仍将引用动画对象作为其动画之一。然而它已经运行了它的动画。

动画的外观（填充模式）的默认行为是kCAFillModeRemoved，这意味着在动画持续时间之后，图层看起来就好像动画从未发生过一样。通过将填充模式更改为kCAFillModeForwards或kCAFillModeBoth，您可以使图层看起来好像图层保持在动画的最终状态。

您可以使用kCAFillModeBackwards在动画的开头执行相同的操作，但它主要适用于为动画设置开始时间。

因此，要使动画看起来像在动画的最终状态中一样，您可以将填充模式设置为...Forwards，而不是删除动画或将图层的实际值更改为您期望的值它们就在您将动画添加到视图之前。这将更改值，然后从旧值动画到新值。

iphone：当动画停止时删除CALayer，之前CALayer闪光消失

1 个答案: