Anzeige einer gif-animation in WPF

Ich würde gerne eine animation anzuzeigen, gif wie loading... in meinem XAML als mein Verfahren voran. Ich fand heraus, dass dies nicht leicht getan, in WPF als ich geladen mein Gif-und es zeigt nur den ersten frame. Was sind die besten Möglichkeiten, um eine animation anzuzeigen, die in WPF.

mögliche Duplikate von Wie bekomme ich ein animiertes gif zu arbeiten in WPF?
Hinzufügen "Laden"-Bild auf der Oberseite des ListView

InformationsquelleAutor paradisonoir | 2009-10-05

  1. 5

    Ich hatte dieses Problem, bis ich entdeckte, dass in WPF4, können Sie simulieren Ihre eigenen keyframe-Bild-Animationen. Erste, teilen Sie Ihre animation in einer Reihe von Bildern, Titel Ihnen so etwas wie "Image1.gif", "Image2", "gif", und so weiter. Importieren Sie diese Bilder in Ihre Lösung-Ressourcen. Ich nehme an, Sie legen Sie in der Standard-Ressource-Speicherort für Bilder.

    Wirst du das Image-Steuerelement. Verwenden Sie das folgende XAML-code. Ich habe entfernt die nicht-essentials.

    <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>
    Ich nahm dies für ein Windows Phone Spiel, an dem ich arbeitete, und es funktionierte ein Leckerbissen! (Wohlgemerkt, man kann es nicht mit EventTriggers aber bewegen Sie einfach den code in eine normale storyboard)
    Ich bekomme "DiscreteObjectKeyFrames nicht unterstützt WPF" Fehler.

    InformationsquelleAutor CodeMouse92

  2. 1

    Könnten Sie Betten Sie ein MediaElement

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

    oder winforms PictureBox:

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

    Allerdings empfehle ich Ihnen, einen Weg zu finden, tun dies in WPF. Haben Sie einen Blick auf StoryBoards und Animationen. Ohne zu wissen, was Sie zu erreichen versuchen, oder warum wollen Sie dies tun, ist es schwer, sich weiter beraten.

    InformationsquelleAutor Matt Lacey

  3. 0

    Einfach mit der Rechten Klicken Sie auf .gif-Datei, und ändern Sie zwei Eigenschaften:

    Buildvorgang : Eingebettete Ressource

    Copy To Output Directory : Copy wenn Neuere

    Dann 

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

    - und set-Event Für Weiter Ausgeführt 

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

    InformationsquelleAutor

Schreibe einen Kommentar