WPF

Question

में एक एनीमेशन gif प्रदर्शित करें, मैं एक एनीमेशन gif को लोड करना चाहता हूं जैसे लोडिंग ... मेरे XAML में मेरी प्रक्रिया प्रगति कर रही है। मैंने पाया कि यह आसानी से WPF में नहीं किया जा सकता क्योंकि मैंने अपना जीआईफ़ लोड किया था और यह सिर्फ पहला फ्रेम दिखाता है। WPF में एनीमेशन प्रदर्शित करने के सर्वोत्तम तरीके क्या हैं।

<wfi:WindowsFormsHost> 
     <winForms:PictureBox x:Name="pictureBoxLoading"> 
     </winForms:PictureBox> 
    </wfi:WindowsFormsHost> 

हालांकि, मैं WPF में यह करने के लिए एक तरह से खोजने की सलाह देते हैं:

Answer 1

आप एक MediaElement

<MediaElement LoadedBehavior="Play" Source="path/to.file" /> 

या WinForms PictureBox एम्बेड कर सकता है। स्टोरीबोर्ड और एनिमेशन पर एक नज़र डालें। यह जानने के बिना कि आप क्या हासिल करने की कोशिश कर रहे हैं या आप ऐसा क्यों करना चाहते हैं, आगे बढ़ना मुश्किल है।

Answer 2

मुझे यह समस्या थी, जब तक मुझे पता चला कि WPF4 में, आप अपनी खुद की कीफ्रेम छवि एनिमेशन अनुकरण कर सकते हैं। सबसे पहले, अपनी एनीमेशन को छवियों की एक श्रृंखला में विभाजित करें, उन्हें "Image1.gif", "Image2, gif", और इसी तरह कुछ शीर्षक दें। उन छवियों को अपने समाधान संसाधनों में आयात करें। मुझे लगता है कि आप उन्हें छवियों के लिए डिफ़ॉल्ट संसाधन स्थान में डाल रहे हैं।

आप छवि नियंत्रण का उपयोग करने जा रहे हैं। निम्नलिखित एक्सएएमएल कोड का प्रयोग करें। मैंने गैर-अनिवार्यताओं को हटा दिया है।

<Image Name="Image1"> 
    <Image.Triggers> 
     <EventTrigger RoutedEvent="Image.Loaded" 
     <EventTrigger.Actions> 
      <BeginStoryboard> 
       <Storyboard> 
        <ObjectAnimationUsingKeyFrames Duration="0:0:1" Storyboard.TargetProperty="Source" RepeatBehavior="Forever"> 
         <DiscreteObjectKeyFrames KeyTime="0:0:0"> 
         <DiscreteObjectKeyFrame.Value> 
          <BitmapImage UriSource="Images/Image1.gif"/> 
         </DiscreteObjectKeyFrame.Value> 
         </DiscreteObjectKeyFrames> 
        <DiscreteObjectKeyFrames KeyTime="0:0:0.25"> 
         <DiscreteObjectKeyFrame.Value> 
          <BitmapImage UriSource="Images/Image2.gif"/> 
         </DiscreteObjectKeyFrame.Value> 
        </DiscreteObjectKeyFrames> 
        <DiscreteObjectKeyFrames KeyTime="0:0:0.5"> 
         <DiscreteObjectKeyFrame.Value> 
          <BitmapImage UriSource="Images/Image3.gif"/> 
         </DiscreteObjectKeyFrame.Value> 
        </DiscreteObjectKeyFrames> 
        <DiscreteObjectKeyFrames KeyTime="0:0:0.75"> 
         <DiscreteObjectKeyFrame.Value> 
          <BitmapImage UriSource="Images/Image4.gif"/> 
         </DiscreteObjectKeyFrame.Value> 
        </DiscreteObjectKeyFrames> 
        <DiscreteObjectKeyFrames KeyTime="0:0:1"> 
         <DiscreteObjectKeyFrame.Value> 
          <BitmapImage UriSource="Images/Image5.gif"/> 
         </DiscreteObjectKeyFrame.Value> 
        </DiscreteObjectKeyFrames> 
        </ObjectAnimationUsingKeyFrames> 
       </Storyboard> 
      </BeginStoryboard> 
     </EventTrigger.Actions> 
     </EventTrigger> 
    </Image.Triggers> 
</Image> 

Answer 3

.gif फ़ाइल पर सीधे शब्दों में राइट क्लिक और दो गुणों को बदलने:

बिल्ड कार्रवाई: एंबेडेड संसाधन

आउटपुट निर्देशिका में प्रतिलिपि: कॉपी करता है, तो नया

फिर

<MediaElement x:Name="myGif" UnloadedBehavior="Manual" Source="giphy_s.gif" MediaEnded="MediaElement_MediaEnded"/> 

और सेट घटना के लिए चल रहा है

private void MediaElement_MediaEnded(object sender, RoutedEventArgs e) 
     { 
      myGif.Position = new TimeSpan(0, 0, 1); 
      myGif.Play(); 
     }