アニメーションがUITableViewCellシャドウで動作しない

Question

ユーザーがセルをクリックしたときにシャドウアニメーション効果を作成したかったところで、セルの影が0から目的の半径まで「拡大」します。

は、以下のコードのスナップショットですが、私はそれをアニメーション化することができません。

-(void) tableView:(UITableView *)tableView_ didSelectRowAtIndexPath:(NSIndexPath *)indexPath { 

    UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath]; 

    [CATransaction begin]; { 
     [CATransaction setAnimationDuration:5]; 
     cell.layer.shadowOpacity = 1.0; 
     cell.layer.shadowRadius = 20; 
     cell.layer.shadowColor = [UIColor blackColor].CGColor; 
     cell.layer.shadowOffset = CGSizeMake(0.0, 0.0); 
    } 
    [CATransaction commit]; 

    [tableView_ deselectRowAtIndexPath:indexPath animated:YES]; 
} 

-(void) tableView:(UITableView *)tableView_ didSelectRowAtIndexPath:(NSIndexPath *)indexPath { 

    UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath]; 

    CABasicAnimation *animShadow = [CABasicAnimation animationWithKeyPath:@"shadowRadius"]; 
    animShadow.fromValue = [NSNumber numberWithFloat:0.0]; 
    animShadow.toValue = [NSNumber numberWithFloat:20]; 
    animShadow.duration = 3.0; 
    [cell.layer addAnimation:animShadow forKey:@"shadowRadius"]; 

    [tableView_ deselectRowAtIndexPath:indexPath animated:YES]; 
} 

任意のアドバイスはありますか？

Answer 1

代わりに使用CABasicAnimationアニメーションを、例えば、 のみアニメーション化する、shadowOpacity uはuがアニメーション化コード

-(void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    //animation both the shadowOpacity and shadowRadius 
    UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath]; 
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"shadowOpacity"]; 
    animation.fromValue = [NSNumber numberWithFloat:0.0]; 
    animation.toValue = [NSNumber numberWithFloat:1.0]; 

    CABasicAnimation *shadowRadiusAnimation = [CABasicAnimation animationWithKeyPath:@"shadowRadius" ]; 
    shadowRadiusAnimation.fromValue =[NSNumber numberWithFloat:0.0]; 
    shadowRadiusAnimation.toValue = [NSNumber numberWithFloat:20.0]; 

    CAAnimationGroup *group = [CAAnimationGroup animation]; 
    group.animations = @[animation,shadowRadiusAnimation]; 
    group.duration = 1.0f; 

    [cell.layer addAnimation:group forKey:@"shadowGroupAnimation"]; 
    [tableView deselectRowAtIndexPath:indexPath animated:YES]; 
    cell.layer.shadowOpacity = 1.0f; 
    cell.layer.shadowRadius = 20.0f; 
} 

下に使用することができshadowOpacityとshadowRadius両方をアニメーション化するコード

-(void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    //animation shadowOpacity 
    UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath]; 
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"shadowOpacity"]; 
    animation.fromValue = [NSNumber numberWithFloat:0.0]; 
    animation.toValue = [NSNumber numberWithFloat:1.0]; 
    animation.duration = 1.0f; 

    [cell.layer addAnimation:animation forKey:@"shadowOpacityAnimation"]; 
    [tableView deselectRowAtIndexPath:indexPath animated:YES]; 
    cell.layer.shadowOpacity = 1.0f; 
    cell.layer.shadowRadius = 20.0f; 
} 

下に試みることができますshadowRadiusあなたは以下のコードを使用できます

-(void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    //animation shadowRadius 
    UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath]; 


    CABasicAnimation *shadowRadiusAnimation = [CABasicAnimation animationWithKeyPath:@"shadowRadius" ]; 
    shadowRadiusAnimation.fromValue =[NSNumber numberWithFloat:0.0]; 
    shadowRadiusAnimation.toValue = [NSNumber numberWithFloat:20.0]; 
shadowRadiusAnimation.duration = 1.0f; 

    [cell.layer addAnimation:shadowRadiusAnimation forKey:@"shadowRadiusAnimation"]; 
    [tableView deselectRowAtIndexPath:indexPath animated:YES]; 
    cell.layer.shadowOpacity = 1.0f; //set final values 
    cell.layer.shadowRadius = 20.0f; 
} 

効果が編集

uはアニメーションデリゲートを設定することができ、このために仕上げた後、アニメーション をビューコントローラをプッシュし、アニメーションが完了した後、それが呼び出され、あまりにも異なる非常に類似していません。例えば

、

-(void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    //animation both the shadowOpacity and shadowRadius 
    UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath]; 
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"shadowOpacity"]; 
    animation.fromValue = [NSNumber numberWithFloat:0.0]; 
    animation.toValue = [NSNumber numberWithFloat:1.0]; 

    CABasicAnimation *shadowRadiusAnimation = [CABasicAnimation animationWithKeyPath:@"shadowRadius" ]; 
    shadowRadiusAnimation.fromValue =[NSNumber numberWithFloat:0.0]; 
    shadowRadiusAnimation.toValue = [NSNumber numberWithFloat:20.0]; 

    CAAnimationGroup *group = [CAAnimationGroup animation]; 
    group.delegate = self; //this line set the delegate to self, 
    //if u use other option's also u can set the delegate for 
    //"CABasicAnimation" also just set it to self and implement the 
    // delegate method 
    group.animations = @[animation,shadowRadiusAnimation]; 
    group.duration = 1.0f; 
    [cell.layer addAnimation:group forKey:@"shadowGroupAnimation"]; 
    [tableView deselectRowAtIndexPath:indexPath animated:YES]; 
    cell.layer.shadowOpacity = 1.0f; 
    cell.layer.shadowRadius = 20.0f; 
} 


//implement the delegate method this is called when animation stops with the flag, 

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag 
{ 
    if(flag) 
    { 
    SecondViewController *controller = [[SecondViewController alloc] initWithNibName:@"SecondViewController" bundle:nil]; 
    [self.navigationController pushViewController:controller animated:YES]; 
    } 
}