在 UIView 和 subiview 的 CALayer 上結合動畫? (Combining animations on UIView and subiview's CALayer?)


問題描述

在 UIView 和 subiview 的 CALayer 上結合動畫? (Combining animations on UIView and subiview's CALayer?)

I'm animating a UIView transition like so:

UIView *areaView = areaController.view;
[areaController viewWillAppear:YES];

UIView *subView = self.customView.subView;
UIButton *button = customView.button; // button is a subview of customView.subView

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:1];

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:subView cache:YES];

[button removeFromSuperview];
[subView addSubview:areaView];
[areaController viewDidAppear:YES];


[UIView commitAnimations];

[self.areaController start];  // areaController starts the animation of the CALayer, see below

This flips the new view, areaView from "behind" the button just fine, but in areaView there's another subview which is animating it's CALayer:

CATransform3D rotate = CATransform3DMakeRotation(angle, 1, 0, 0);

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform"];

animation.toValue = [NSValue valueWithCATransform3D:rotate];
animation.duration = .08;
animation.delegate = self;
animation.fillMode = kCAFillModeForwards;
animation.removedOnCompletion = NO;   

[layer addAnimation:animation forKey:@"transform"];

My question is:

How do I make both these animations animate in parallell? 

Currently, the animation on the CALayer starts when calling [self.areaController start];, but the result is not visible until the transition on the superview is finished. Should I somehow use an animation group with the UIView's layer?

‑‑‑‑‑

參考解法

方法 1:

I think you can't do these at the same time. What you can do is do the first animation also using the CATransform3D, then they will occur at the same time. This is an old post though so maybe you've already solved the issue.

(by Matti GripBob de Graaf)

參考文件

  1. Combining animations on UIView and subiview's CALayer? (CC BY‑SA 3.0/4.0)

#animation #iphone #core-animation #iOS






相關問題

Iphone app PNG 序列動畫 - 如何在不崩潰的情況下以最佳方式使用 OPENgle (Iphone app PNG sequence animation - How to use OPENgle optimally without crashing)

jquery切換幻燈片和切換旋轉動畫 (jquery toggle slide and toggle rotation animate)

如何在三次貝塞爾方法上禁用 css3 過渡鼠標離開效果? (How to disable css3 transition mouseleave effect on cubic-bezier method?)

Android:故事書(動畫、聲音、圖片) (Android: Storybooks (animation, sounds, pictures))

JQuery 動畫凌亂 (JQuery Animations Messy)

拉斐爾對角變換對象和無限setIntervals (Raphael transform object diagonally and infinite setIntervals)

使用 mouseover 和 mouseout 時避免生澀的動畫 (Avoiding jerky animation when using mouseover and mouseout)

在 C 中復制 Spinrite 動畫效果 (Replicating Spinrite Animation Effect in C)

將樣式作為參數傳遞給 jquery animate (passing style as argument to jquery animate)

如何設置 UIButton 的圖像並隨後將其刪除(動畫) (How to setImage of a UIButton and subsequently remove it (animation))

單擊消息後的 MessageKit 動畫 (MessageKit animation after click on message)

連續貝塞爾動畫,不繼承變化時的緩動功能 (Continuous bezier animation without inheriting easing-function on change)







留言討論