सबसे आसान तरीका संपूर्ण एनीमेशन को एक सिंगल स्टोरीबोर्ड में उपयुक्त BeginTime
और Duration
गुणों के साथ परिभाषित करना है। इस तरह पूरी एनीमेशन को एक इकाई के रूप में शुरू किया जा सकता है और बंद कर दिया जा सकता है, लेकिन आपके पास अलग-अलग अनुक्रम हो सकते हैं।
उदाहरण के लिए:
<Storyboard Duration="0:00:06">
<DoubleAnimation Duration="0:0:4" Storyboard.TargetName="gear1RotateTransform" Storyboard.TargetProperty="Angle" From="-600" To="0"/>
<DoubleAnimation Duration="0:0:4" Storyboard.TargetName="gear2RotateTransform" Storyboard.TargetProperty="Angle" From="600" To="0"/>
<DoubleAnimation Duration="0:0:4" Storyboard.TargetName="gear3RotateTransform" Storyboard.TargetProperty="Angle" From="-600" To="0"/>
<DoubleAnimation BeginTime="0:0:1" Duration="0:00:02" Storyboard.TargetName="firstLetter" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0"/>
<DoubleAnimation BeginTime="0:0:2" Duration="0:00:02" Storyboard.TargetName="secondLetter" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0"/>
<DoubleAnimation BeginTime="0:0:3" Duration="0:00:02" Storyboard.TargetName="thirdLetter" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0"/>
<DoubleAnimation BeginTime="0:0:4" Duration="0:00:02" Storyboard.TargetName="siteLink" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0"/>
<DoubleAnimation BeginTime="0:0:4" Duration="0:00:02" Storyboard.TargetName="siteLinkTop" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0"/>
</Storyboard>
यह स्टोरीबोर्ड 3 घुमाने पर मूल्यों में परिवर्तन पहले 4 सेकंड के लिए बदल देती है, लेकिन firstLetter
आइटम पर अस्पष्टता और बाद तक एक सेकंड बीत चुका है परिवर्तित करने के लिए शुरू नहीं करता है यह केवल 2 सेकंड के लिए चलाता है। siteLink
और siteLinkTop
तत्वों को 4 सेकंड के बाद तक उनकी अस्पष्टता नहीं बदला है (और गियर रोटेशन एनीमेशन समाप्त हो गया है)।
स्रोत
2010-03-21 12:38:12