डब्ल्यूपीएफ स्टोरीबोर्ड एनीमेशन कैसे रिवर्स करें?

Question

मैंने अभिव्यक्ति मिश्रण 4 में एक छवि पर एक WPF स्टोरीबोर्ड एनीमेशन बनाया है। होवर पर, छवि धीरे-धीरे धुंधला हो जाती है। जब माउस छवि को छोड़ देता है तो क्या स्टोरीबोर्ड को पूर्ववत या उलट दिया जा सकता है? मैं इसे स्टोरीबोर्ड ट्रिगर कर सकता हूं। हटाएं() लेकिन वह वास्तव में स्टोरीबोर्ड के पीछे नहीं खेलेंगे।

क्या कोई तरीका है कि मैं अभिव्यक्ति मिश्रण 4 के भीतर पूरा कर सकता हूं?

Answer 1

आप मिश्रण का उपयोग कर रहे हैं, आप VisualStateManager के लिए मिश्रण के समर्थन का लाभ उठाना चाहिए। आपको बस इतना करना है कि ऑब्जेक्ट अपने विभिन्न राज्यों जैसे MouseOver और Normal और विभिन्न राज्यों के बीच संक्रमण कितने समय तक दिखता है, और दृश्य राज्य प्रबंधक राज्यों के बीच संक्रमण के बारे में बताता है।

किसी छवि में कोई दृश्यमान स्थिति नहीं है लेकिन आप Button टेम्पलेट को संपादित कर सकते हैं और इसकी सामग्री को एक छवि बना सकते हैं और फिर बटन के लिए राज्यों को संपादित कर सकते हैं। मैंने यह किया और XAML तकनीक का प्रदर्शन करने को साफ कर दिया है:

<Grid> 
    <Grid.Resources> 
     <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="{x:Type Button}"> 
         <Image x:Name="image" Height="100" Width="Auto" Source="http://thecybershadow.net/misc/stackoverflow.png" Margin="0,0,-25,0"> 
          <Image.Effect> 
           <DropShadowEffect ShadowDepth="0"/> 
          </Image.Effect> 
          <VisualStateManager.VisualStateGroups> 
           <VisualStateGroup x:Name="CommonStates"> 
            <VisualStateGroup.Transitions> 
             <VisualTransition GeneratedDuration="0:0:0.5"/> 
            </VisualStateGroup.Transitions> 
            <VisualState x:Name="Normal"/> 
            <VisualState x:Name="MouseOver"> 
             <Storyboard> 
              <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.ShadowDepth)" Storyboard.TargetName="image"> 
               <EasingDoubleKeyFrame KeyTime="0" Value="15"/> 
              </DoubleAnimationUsingKeyFrames> 
             </Storyboard> 
            </VisualState> 
            <VisualState x:Name="Pressed"/> 
            <VisualState x:Name="Disabled"/> 
           </VisualStateGroup> 
          </VisualStateManager.VisualStateGroups> 
         </Image> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </Grid.Resources> 
    <Button Style="{StaticResource ButtonStyle1}"/> 
</Grid> 

ध्यान दें कि ब्लेंड आप के लिए यह सब करता है लेकिन XAML को समझने में मदद मिलेगी। यहाँ एक मिश्रण उन्मुख ट्यूटोरियल है:

• MORE ARTICLES ON VISUAL STATE MANAGER

Answer 2

हो सकता है कि समाधान इस जवाब पर है:

How to animate ListBox Items on MouseEnter and MouseLeave events using C#/WPF?