Discussion :

[yrtera]

bonjour,

je voudrais animé un gif dans une image 1 seule fois, et la lancer lorsque je le souhaite,

j'ai trouvé ce post.

mais le gif tourne en boucle, je voudrais qu'il ne se lance qu'une fois et qu'il affiche la premiere image du gif le reste du temps.

voici mon code:

Code xaml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
        <Button Content="Button" Height="133" HorizontalAlignment="Left" Margin="35,56,0,0" Name="button9" VerticalAlignment="Top" Width="175" d:LayoutOverrides="HorizontalAlignment, VerticalAlignment" RenderTransformOrigin="0.5,0.5">
        	<Button.RenderTransform>
        		<TransformGroup>
        			<ScaleTransform/>
        			<SkewTransform AngleX="26.339"/>
        			<RotateTransform Angle="-13.913"/>
        			<TranslateTransform X="29.294" Y="-2.497"/>
        		</TransformGroup>
        	</Button.RenderTransform>
            <Button.Template>
                <ControlTemplate>
                <Border BorderThickness="2" BorderBrush="Black">
                    <Image my:ImageBehavior.AnimatedSource="C:\Users\Bibi\Pictures\gif-blog-7.gif" >
                    </Image>
                </Border>
            </ControlTemplate>
            </Button.Template>
        </Button>

le reste du code c'est le meme que celui du post.

Merci.

[koyot3]

Salut

Tu peux utiliser un MediaElement en spécifiant le RepeatBehavior

Un exemple trouvé sur internet

Code xaml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<MediaElement Name="md" Width="100" Height="100" >
            <MediaElement.Triggers>
                <EventTrigger RoutedEvent="MediaElement.Loaded">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard>
                                <MediaTimeline Source="C:\Catsleeping.GIF"
                             Storyboard.TargetName="md"  
                             RepeatBehavior="1x"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </MediaElement.Triggers>
        </MediaElement>

Mais le soucis c'est que ça gère mal les transparents et ça ne marhe pas avec les ressources de ton projet...

Ou alors créé ta propre classe pour gérer cela, tu dois pouvoir modifier celle dont tu te sers pour ta propriété attachée ou bien lien qui a l'air pas mal !

Bon courage

[tomlev]

Salut,

Tu peux facilement modifier le code du ImageBehavior pour contrôler ça... Il faut ajouter une propriété attachée RepeatBehavior :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
        [AttachedPropertyBrowsableForType(typeof(Image))]
        public static RepeatBehavior GetRepeatBehavior(Image obj)
        {
            return (RepeatBehavior)obj.GetValue(RepeatBehaviorProperty);
        }
 
        public static void SetRepeatBehavior(Image obj, RepeatBehavior value)
        {
            obj.SetValue(RepeatBehaviorProperty, value);
        }
 
        public static readonly DependencyProperty RepeatBehaviorProperty =
            DependencyProperty.RegisterAttached(
              "RepeatBehavior",
              typeof(RepeatBehavior),
              typeof(ImageBehavior),
              new UIPropertyMetadata(RepeatBehavior.Forever));

Et modifier dans la méthode InitAnimationOrImage la ligne qui définit le RepeatBehavior de l'animation :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

animation.RepeatBehavior = GetRepeatBehavior(imageControl);

Ensuite, au niveau XAML, il suffit de définir la valeur de cette propriété à "1x" :

Code XAML :

Sélectionner tout - Visualiser dans une fenêtre à part

my:ImageBehavior.RepeatBehavior="1x"

C'est d'ailleurs une fonctionnalité bien utile, je vais l'ajouter dans la lib Dvp.NET

[yrtera]

bonjour,

ca marche bien, par contre, j'arrive pas a lancer l gif depuis le code behind.

voici mon code xaml:

Code xaml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
        <Button Content="Button" Height="133" HorizontalAlignment="Left" Margin="35,56,0,0" Name="button9" VerticalAlignment="Top" Width="175" d:LayoutOverrides="HorizontalAlignment, VerticalAlignment" RenderTransformOrigin="0.5,0.5" Click="Button_Click">
        	<Button.RenderTransform>
        		<TransformGroup>
        			<ScaleTransform/>
        			<SkewTransform AngleX="26.339"/>
        			<RotateTransform Angle="-13.913"/>
        			<TranslateTransform X="29.294" Y="-2.497"/>
        		</TransformGroup>
        	</Button.RenderTransform>
            <Button.Template>
                <ControlTemplate>
                <Border BorderThickness="2" BorderBrush="Black">
                    <Image my:ImageBehavior.AnimatedSource="C:\Users\Bibi\Pictures\gif-blog-7.gif" my:ImageBehavior.RepeatBehavior="2x">
                    </Image>
                </Border>
            </ControlTemplate>
            </Button.Template>
        </Button>

et mon code c#:

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("bouton bleu");
            button9.SetValue(ImageBehavior.RepeatBehaviorProperty, new RepeatBehavior(1));
        }

je voudrais que losque je fais un clic sur le bouton, le gif se lance une fois.

Merci

[tomlev]

Bah ça va être compliqué, parce ton image n'est pas accessible depuis le code-behind, vu qu'elle est dans un template...

Sinon, pour relancer l'animation, il faut enlever et remettre l'image dans AnimatedSource. Ce que tu peux faire éventuellement, c'est mettre des triggers sur le bouton : quand le bouton est pressé, tu mets null dans AnimatedSource et l'image dans Source (ce qui donne une image fixe), et quand il est relaché tu remets null dans Source et l'image dans AnimatedSource

[yrtera]

bonjour,

Bah ça va être compliqué, parce ton image n'est pas accessible depuis le code-behind, vu qu'elle est dans un template...

j'ai fais une propriété attachée, c'est plus facile ?
il y a une autre solution pour mettre un gif dans un bouton ? (faire le template du bouton sans gif puis lui mettre le gif)

Ce que tu peux faire éventuellement, c'est mettre des triggers sur le bouton : quand le bouton est pressé, tu mets null dans AnimatedSource et l'image dans Source (ce qui donne une image fixe), et quand il est relaché tu remets null dans Source et l'image dans AnimatedSource

c'est "propre" comme méthode ? (c'est un projet que je souhaite résenté a mes entretiens d'embauche).

Merci.

[yrtera]

j'ai réussit en fesant:

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
            button9.SetValue(ImageBehavior.SourceProperty, null);
            button9.SetValue(ImageBehavior.SourceProperty, "C:\\Users\\Bibi\\Pictures\\gif-blog-7.gif");

c'est la seule solution que j'ai réussit a utiliser.

Merci.