wyświetlanie animacji gif w WPF

Question

Chciałbym wyświetlić animacji gif, takich jak ładowanie ... w moim XAML, jak moja procedura postępuje. Dowiedziałem się, że nie można tego łatwo zrobić w WPF, ponieważ załadowałem mój GIF i pokazuje on tylko pierwszą klatkę. Jakie są najlepsze sposoby wyświetlania animacji w WPF.

Answer 1

Można osadzić MediaElement

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

lub WinForm PictureBox:

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

Jednakże, polecam znalezienie sposobu, aby to zrobić w WPF. Rzuć okiem na StoryBoards i animacje. Nie wiedząc, co próbujesz osiągnąć lub dlaczego chcesz to zrobić, ciężko jest ci doradzić dalej.

Answer 2

Miałem ten problem, dopóki nie odkryłem, że w WPF4 można symulować własne animacje klatek kluczowych. Najpierw podziel animację na serię obrazów, zatytułując je jako "Image1.gif", "Image2, gif" i tak dalej. Zaimportuj te obrazy do zasobów rozwiązania. Zakładam, że umieściłeś je w domyślnej lokalizacji zasobów dla obrazów.

Użyjesz sterowania obrazem. Użyj następującego kodu XAML. Usunąłem inne niż niezbędne.

<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

wystarczy kliknąć prawym przyciskiem na plik .gif i zmienić dwie właściwości:

Budowa Działanie: osadzonego zasobu

Kopiuj do wyjścia katalogu: Skopiuj jeśli Nowszy

Następnie

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

i ustawić wydarzenie dla kontynuować uruchamianie

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