Animasyon tamamlandıktan sonra CABasicAnimation başlangıç ​​değerine sıfırlanıyor

Bir CALayer döndürüyorum ve animasyon tamamlandıktan sonra onu son konumunda durdurmaya çalışıyorum.

Ancak animasyon tamamlandıktan sonra başlangıç ​​konumuna geri döner.

(xcode dokümanlar, animasyonun mülkün değerini güncellemeyeceğini açıkça belirtir.)

bunu başarmak için herhangi bir öneri.

İşte cevap, cevabım ve Krishnan'ın bir kombinasyonu.

cabasicanimation.fillMode = kCAFillModeForwards;
cabasicanimation.removedOnCompletion = NO;

Varsayılan değer şudur kCAFillModeRemoved. (Gördüğünüz sıfırlama davranışı budur.)

RemoveOnCompletion ile ilgili sorun, kullanıcı arabiriminin kullanıcı etkileşimine izin vermemesidir.

I tekniği, animasyondaki FROM değerini ve nesne üzerindeki TO değerini ayarlamaktır. Animasyon, başlamadan önce TO değerini otomatik olarak dolduracak ve kaldırıldığında nesneyi doğru durumda bırakacaktır.

// fade in
CABasicAnimation *alphaAnimation = [CABasicAnimation animationWithKeyPath: @"opacity"];
alphaAnimation.fillMode = kCAFillModeForwards;

alphaAnimation.fromValue = NUM_FLOAT(0);
self.view.layer.opacity = 1;

[self.view.layer addAnimation: alphaAnimation forKey: @"fade"];

Aşağıdaki özelliği ayarlayın:

animationObject.removedOnCompletion = NO;

sadece kodunun içine koy

CAAnimationGroup *theGroup = [CAAnimationGroup animation];

theGroup.fillMode = kCAFillModeForwards;

theGroup.removedOnCompletion = NO;

Sadece anahtarını ayarlayabilir CABasicAnimationiçin positionsize katmanına eklemek zaman. Bunu yaparak, çalıştırma döngüsünde geçerli geçiş konumu üzerinde yapılan örtülü animasyonu geçersiz kılar.

CGFloat yOffset = 30;
CGPoint endPosition = CGPointMake(someLayer.position.x,someLayer.position.y + yOffset);

someLayer.position = endPosition; // Implicit animation for position

CABasicAnimation * animation =[CABasicAnimation animationWithKeyPath:@"position.y"]; 

animation.fromValue = @(someLayer.position.y);
animation.toValue = @(someLayer.position.y + yOffset);

[someLayer addAnimation:animation forKey:@"position"]; // The explicit animation 'animation' override implicit animation

2011 Apple WWDC Video Session 421 - Core Animation Essentials (videonun ortasında) hakkında daha fazla bilgi edinebilirsiniz

Bir CALayer'ın bir model katmanı ve bir sunum katmanı vardır. Bir animasyon sırasında, sunum katmanı modelden bağımsız olarak güncellenir. Animasyon tamamlandığında, sunum katmanı modeldeki değerle güncellenir. Animasyon bittikten sonra sarsıntı atlamasından kaçınmak istiyorsanız, anahtar iki katmanı senkronize tutmaktır.

Son değeri biliyorsanız, modeli doğrudan ayarlayabilirsiniz.

self.view.layer.opacity = 1;

Ancak, bitiş konumunu bilmediğiniz bir animasyonunuz varsa (örneğin, kullanıcının duraklatabileceği ve sonra tersine çevirebileceği yavaş bir solma), geçerli değeri bulmak için sunum katmanını doğrudan sorgulayabilir ve modeli güncelleyebilirsiniz.

NSNumber *opacity = [self.layer.presentationLayer valueForKeyPath:@"opacity"];
[self.layer setValue:opacity forKeyPath:@"opacity"];

Sunum katmanından değerin çekilmesi, ölçekleme veya döndürme tuş yolları için de özellikle yararlıdır. (ör transform.scale. transform.rotation)

Kullanmadan removedOnCompletion

Bu tekniği deneyebilirsiniz:

self.animateOnX(item: shapeLayer)

func animateOnX(item:CAShapeLayer)
{
    let endPostion = CGPoint(x: 200, y: 0)
    let pathAnimation = CABasicAnimation(keyPath: "position")
    //
    pathAnimation.duration = 20
    pathAnimation.fromValue = CGPoint(x: 0, y: 0)//comment this line and notice the difference
    pathAnimation.toValue =  endPostion
    pathAnimation.fillMode = kCAFillModeBoth

    item.position = endPostion//prevent the CABasicAnimation from resetting item's position when the animation finishes

    item.add(pathAnimation, forKey: nil)
}

Benim sorunum pan hareketinde bir nesneyi döndürmeye çalışıyordu ve bu yüzden her hareketinde birden fazla aynı animasyon vardı. Her ikisini de aldım fillMode = kCAFillModeForwardsve isRemovedOnCompletion = falseyardımcı olmadı. Benim durumumda, her yeni animasyon eklediğimde animasyon tuşunun farklı olduğundan emin olmak zorunda kaldım :

let angle = // here is my computed angle
let rotate = CABasicAnimation(keyPath: "transform.rotation.z")
rotate.toValue = angle
rotate.duration = 0.1
rotate.isRemovedOnCompletion = false
rotate.fillMode = CAMediaTimingFillMode.forwards

head.layer.add(rotate, forKey: "rotate\(angle)")

Sadece ayar fillModeve removedOnCompletionbenim için çalışmadı. Aşağıdaki özelliklerin tümünü CABasicAnimation nesnesine ayarlayarak sorunu çözdüm:

CABasicAnimation* ba = [CABasicAnimation animationWithKeyPath:@"transform"];
ba.duration = 0.38f;
ba.fillMode = kCAFillModeForwards;
ba.removedOnCompletion = NO;
ba.autoreverses = NO;
ba.repeatCount = 0;
ba.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(0.85f, 0.85f, 1.0f)];
[myView.layer addAnimation:ba forKey:nil];

Bu kod myView, boyutunun% 85'ine dönüşür (3. boyut değiştirilmemiş).

Çekirdek animasyon iki katman hiyerarşisini korur: model katmanı ve sunum katmanı . Animasyon devam ederken, model katmanı gerçekte sağlamdır ve başlangıç ​​değerini korur. Varsayılan olarak, animasyon tamamlandığında kaldırılır. Ardından sunum katmanı, model katmanının değerine geri döner.

Basitçe ayarı removedOnCompletioniçinNO animasyon kaldırılmayacak araçlarla ve atıklar belleğe. Ek olarak, model katmanı ve sunum katmanı artık senkronize olmayacak ve bu da potansiyel hatalara yol açabilir.

Bu nedenle, özelliği doğrudan model katmanında nihai değere güncellemek daha iyi bir çözüm olacaktır.

self.view.layer.opacity = 1;
CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"opacity"];
animation.fromValue = 0;
animation.toValue = 1;
[self.view.layer addAnimation:animation forKey:nil];

Yukarıdaki kodun ilk satırından kaynaklanan herhangi bir örtülü animasyon varsa, kapatmaya çalışın:

[CATransaction begin];
[CATransaction setDisableActions:YES];
self.view.layer.opacity = 1;
[CATransaction commit];

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"opacity"];
animation.fromValue = 0;
animation.toValue = 1;
[self.view.layer addAnimation:animation forKey:nil];

• Referans:
  • Objc.io. tarafından açıklanan animasyonlar
  • Rob Napier ve Mugunth Kumar'ın "iOS 7 Programlama Sınırları Zorluyor" .

Bu çalışıyor:

let animation = CABasicAnimation(keyPath: "opacity")
animation.fromValue = 0
animation.toValue = 1
animation.duration = 0.3

someLayer.opacity = 1 // important, this is the state you want visible after the animation finishes.
someLayer.addAnimation(animation, forKey: "myAnimation")

Çekirdek animasyon, animasyon sırasında normal katmanınızın üstünde bir 'sunum katmanı' gösterir. Bu nedenle, opaklığı (veya her şeyi) animasyon bittiğinde ve sunum katmanı kaybolduğunda görünmesini istediğiniz şeye ayarlayın. Tamamlandığında bir titreşimden kaçınmak için animasyonu eklemeden önce bunu satırda yapın .

Gecikme yapmak istiyorsanız, aşağıdakileri yapın:

let animation = CABasicAnimation(keyPath: "opacity")
animation.fromValue = 0
animation.toValue = 1
animation.duration = 0.3
animation.beginTime = someLayer.convertTime(CACurrentMediaTime(), fromLayer: nil) + 1
animation.fillMode = kCAFillModeBackwards // So the opacity is 0 while the animation waits to start.

someLayer.opacity = 1 // <- important, this is the state you want visible after the animation finishes.
someLayer.addAnimation(animation, forKey: "myAnimation")

Son olarak, 'removeOnCompletion = false' kullanırsanız, katman sonunda imha edilene kadar CAAnimations sızdırmaz - kaçının.

@Leslie Godwin'in yanıtı gerçekten iyi değil, "self.view.layer.opacity = 1;" hemen yapılır (yaklaşık bir saniye sürer), şüpheleriniz varsa lütfen alphaAnimation.duration'ı 10.0'a düzeltin. Bu satırı kaldırmanız gerekiyor.

Bu nedenle, fillMode öğesini kCAFillModeForwards olarak ve removeOnCompletion öğesini NO olarak sabitlediğinizde, animasyonun katmanda kalmasına izin verirsiniz. Animasyon temsilcisini düzeltir ve şöyle bir şey denerseniz:

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
{
 [theLayer removeAllAnimations];
}

... bu satırı yürüttüğünüz anda katman hemen geri yüklenir. Bundan kaçınmak istedik.

Animasyonu kaldırmadan önce layer özelliğini düzeltmelisiniz. Bunu dene:

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
{
     if([anim isKindOfClass:[CABasicAnimation class] ]) // check, because of the cast
    {
        CALayer *theLayer = 0;
        if(anim==[_b1 animationForKey:@"opacity"])
            theLayer = _b1; // I have two layers
        else
        if(anim==[_b2 animationForKey:@"opacity"])
            theLayer = _b2;

        if(theLayer)
        {
            CGFloat toValue = [((CABasicAnimation*)anim).toValue floatValue];
            [theLayer setOpacity:toValue];

            [theLayer removeAllAnimations];
        }
    }
}

RemoveOnCompletion bayrağı false olarak ayarlanmış ve fillMode kCAFillModeForwards olarak ayarlanmış gibi görünüyor bana da.

Bir katmana yeni animasyon uyguladıktan sonra, animasyonlu bir nesne başlangıç ​​durumuna sıfırlanır ve ardından bu durumdan canlandırılır. Ek olarak yapılması gereken, yeni animasyonu aşağıdaki gibi ayarlamadan önce model katmanının istenen özelliğini sunum katmanının özelliğine göre ayarlamaktır:

someLayer.path = ((CAShapeLayer *)[someLayer presentationLayer]).path;
[someLayer addAnimation:someAnimation forKey:@"someAnimation"];

En kolay çözüm örtülü animasyonlar kullanmaktır. Bu sizin için tüm bu sorunların üstesinden gelecektir:

self.layer?.backgroundColor = NSColor.red.cgColor;

Süreyi özelleştirmek istiyorsanız, aşağıdakileri kullanabilirsiniz NSAnimationContext:

    NSAnimationContext.beginGrouping();
    NSAnimationContext.current.duration = 0.5;
    self.layer?.backgroundColor = NSColor.red.cgColor;
    NSAnimationContext.endGrouping();

Not: Bu yalnızca macOS'ta test edilir.

Başlangıçta bunu yaparken hiç animasyon görmedim. Sorun, bir görünüşüdür destekli tabakanın tabaka yapmasıdır olmayan kapalı animasyon. Bunu çözmek için, kendiniz bir katman eklediğinizden emin olun (görünümü katman destekli olarak ayarlamadan önce).

Bunun nasıl yapılacağıyla ilgili bir örnek:

override func awakeFromNib() {
    self.layer = CALayer();
    //self.wantsLayer = true;
}

Kullanmak self.wantsLayertestlerimde herhangi bir fark yaratmadı, ama bilmediğim bazı yan etkileri olabilir.

İşte oyun alanından bir örnek:

import PlaygroundSupport
import UIKit

let resultRotation = CGFloat.pi / 2
let view = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 200.0, height: 300.0))
view.backgroundColor = .red

//--------------------------------------------------------------------------------

let rotate = CABasicAnimation(keyPath: "transform.rotation.z") // 1
rotate.fromValue = CGFloat.pi / 3 // 2
rotate.toValue = resultRotation // 3
rotate.duration = 5.0 // 4
rotate.beginTime = CACurrentMediaTime() + 1.0 // 5
// rotate.isRemovedOnCompletion = false // 6
rotate.fillMode = .backwards // 7

view.layer.add(rotate, forKey: nil) // 8
view.layer.setAffineTransform(CGAffineTransform(rotationAngle: resultRotation)) // 9

//--------------------------------------------------------------------------------

PlaygroundPage.current.liveView = view

1. Bir animasyon modeli oluşturma
2. Animasyonun başlangıç ​​konumunu ayarlayın (atlanabilir, geçerli katman düzeninize bağlıdır)
3. Animasyonun bitiş konumunu ayarlama
4. Animasyon süresini ayarlama
5. Animasyonu bir saniyeliğine geciktir
6. Belirlemeyin falseiçin isRemovedOnCompletion- animasyon bittikten sonra Çekirdek Animasyon temiz let
7. İşte hilenin ilk kısmı - Animasyon başlamadan önce animasyonunuzu başlangıç ​​konumuna (2. adımda belirlediğiniz) yerleştirmek için Çekirdek Animasyon'a söylersiniz - zamanda geriye doğru uzatın
8. Hazırlanan animasyon nesnesini kopyalayın, katmana ekleyin ve gecikmeden sonra animasyonu başlatın (5. adımda ayarladınız)
9. İkinci bölüm katmanın doğru bitiş konumunu ayarlamaktır - animasyon silindikten sonra katmanınız doğru yerde gösterilecektir