Devam etmeden önce WPF storyboard animasyonunu nasıl bir saniye tutabilirim?

Question

Kırmızıdan beyaza karışan bir renk animasyonumuz var. Şu anda, bu doğrusal bir soluktur. Storyboard sınıfının BeginTime ile oynayabileceğimizi biliyoruz, ancak bu sadece animasyonun başlangıcını geciktiriyor. Ayrıca, işlerin kolaylık/kolaylık tarafına baktık, ama ya işe yaramıyorlar.

Özellikle, bir saniye kırmızı değerini tutmak istiyorum, sonra bir sonraki üzerinde beyaz kırmızıdan kaybolur. Bu saf XAML'de yapılabilir mi? Aksi takdirde, bir storyboard'u manuel olarak ayarlayarak kod arkasında yapılabilir mi? ... ya da iki ayrı storyboard kullanmalı ve bunları sırayla oynamalı mıyız?

Answer 1

Çeşitli yolları Bunu yapmanın. Anahtar çerçeveler ile

:

<Storyboard> 
    <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="Background.Color"> 
     <DiscreteColorKeyFrame Value="Red" KeyTime="0:0:0" /> 
     <DiscreteColorKeyFrame Value="Red" KeyTime="0:0:1" /> 
     <LinearColorKeyFrame Value="White" KeyTime="0:0:2" /> 
    </ColorAnimationUsingKeyFrames> 
</Storyboard> 

dizisinde iki animasyonlar: özel bir hareket hızı fonksiyonu ile

<Storyboard> 
    <ColorAnimation Storyboard.TargetProperty="Background.Color" 
        From="Red" To="Red" Duration="0:0:1" /> 
    <ColorAnimation Storyboard.TargetProperty="Background.Color" 
        To="White" BeginTime="0:0:1" Duration="0:0:1" /> 
</Storyboard> 

:

<Storyboard> 
    <ColorAnimation Storyboard.TargetProperty="Background.Color" 
        From="Red" To="White" Duration="0:0:2"> 
     <ColorAnimation.EasingFunction> 
      <local:CustomEasingFunction /> 
     </ColorAnimation.EasingFunction> 
    </ColorAnimation> 
</Storyboard> 

Bu durumda, sürenin ilk yarısında geçişi gösteren ve ikinci yarıda değeri tutan bir işlev. Varsayılan EasingMode EaseOut olduğundan, bu işlev daha sonra 'oynatır'.

public class CustomEasingFunction : EasingFunctionBase 
{ 
    public CustomEasingFunction() : base() 
    { } 

    protected override double EaseInCore(double normalizedTime) 
    { 
     return (normalizedTime < 0.5) 
      ? normalizedTime * 2 
      : 1; 
    } 

    protected override Freezable CreateInstanceCore() 
    { 
     return new CustomEasingFunction(); 
    } 
} 

Answer 2

Eğer animasyonlar yazdım şekline bağlı olarak, sadece başında bir saniye sürer Kırmızı "ile" Kırmızı "dan" geçiş eklemek olabilir. Teknik olarak animasyon çalışıyor, ancak hiçbir şey yapmıyor. Bu saf XAML'de yapılabilir.