जारी रखने से पहले, मैं एक सेकंड के लिए एक डब्ल्यूपीएफ स्टोरीबोर्ड एनीमेशन कैसे रख सकता हूं?

Question

हमारे पास एक रंगीन एनीमेशन है जो लाल से सफेद तक मिश्रण करता है। वर्तमान में, यह एक रैखिक फीका है। हम जानते हैं कि हम Storyboard कक्षा के शुरुआती समय और इस तरह के साथ खेल सकते हैं, लेकिन यह पूरी एनीमेशन की शुरुआत में देरी करता है। हमने चीजों के आसानी से/आसानी से बाहर की तरफ देखा है, लेकिन वे या तो काम नहीं कर रहे हैं।

विशेष रूप से, हम एक सेकंड के लिए लाल रंग का मान रखना चाहते हैं, फिर अगले से लाल से सफेद तक फीका। क्या यह शुद्ध एक्सएएमएल में किया जा सकता है? यदि नहीं, तो क्या यह मैन्युअल रूप से स्टोरीबोर्ड स्थापित करने के बाद कोड-कोड में किया जा सकता है? ... या क्या हमें दो अलग-अलग स्टोरीबोर्ड का उपयोग करना है और उन्हें अनुक्रम में खेलना है?

Answer 1

ऐसा करने के कई तरीके।

<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> 

अनुक्रम में दो एनिमेशन के साथ

<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> 

:

कुंजी फ्रेम के साथ

इस मामले में एक कार्य जो अवधि के पहले भाग में संक्रमण दिखाता है और दूसरे छमाही में मूल्य रखता है। क्योंकि डिफ़ॉल्ट EasingMode आसान है क्योंकि यह फ़ंक्शन फिर 'प्ले' करेगा।

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

आपके एनिमेशन को कैसे लिखा गया है, इस पर निर्भर करते हुए, आप केवल "लाल" से "लाल" में एक संक्रमण जोड़ सकते हैं जो शुरुआत में एक सेकंड लेता है। तो तकनीकी रूप से एनीमेशन चल रहा है, लेकिन यह कुछ भी नहीं कर रहा है। यह शुद्ध एक्सएएमएल में किया जा सकता है।