Discussion :

[RandomCoder]

Bonjour,

Je me suis lancé depuis peu dans le WPF et certaines choses m'échappent encore dans l'utilisation des Triggers et des StoryBoards...
Comme montré ci dessous j'arrive à faire tourner un bouton sur lui même lorsque je clique dessus. Ce qui donne un effet sympa et fluide (je trouve). De plus je récupère le "Button_Click" pour déclencher un événement dans mon code c#. Tous est nickel.
Mais si je veux par exemple déplacer (translater) ce bouton depuis un autre bouton (faire un genre de menu déroulant). En gros je clique sur un autre bouton et lui il apparaît et glisse au milieu de l'écran (Opacity et TranslateTransform par exemple).
Mon "RoutedEvent" Mouse.MouseDown n'est appliqué qu'a ce bouton. Ce que j'aimerais savoir si il est possible de dire (comme dans le code c# normal) : Si le bouton du nom "BoutonNumero1" est cliqué alors tu lance la storyboard appliquée au "BoutonNumero2" .

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<Button Name="Gear" Click="Button_Click"
            Margin="10"
            HorizontalAlignment="Right"
            VerticalAlignment="Top"
            ToolTip="Settings">
                <Button.Template>
                    <ControlTemplate>
                        <Border x:Name="theBorder"
                        BorderBrush="Transparent"
                        BorderThickness="2">
                            <Image Source="Sprocket.png" Height="45" Opacity="1" RenderTransformOrigin=".5,.5">
                                <Image.RenderTransform>
                                    <RotateTransform x:Name="AnimatedRotateTransform" Angle="0" />
                                </Image.RenderTransform>
                                <Image.Triggers>
                                    <EventTrigger RoutedEvent="Mouse.MouseDown">
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="AnimatedRotateTransform" 
                                                     Storyboard.TargetProperty="Angle" 
                                                     By="10"        
                                                     To="360" 
                                                     Duration="0:0:0.5" 
                                                     FillBehavior="Stop" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger>
                                </Image.Triggers>
                            </Image>
                        </Border>
                    </ControlTemplate>
                </Button.Template>
            </Button>

Merci de me donner un peu d'aide je bloque pas mal sur ce problème, j'ai essayé d'utiliser les Styles en me disant qu'ils avaient un contrôle plus "global" sur les objets contenus dans la fenêtre mais sans grande réussite.

[MABROUKI]

bonjour

Ce que j'aimerais savoir si il est possible de dire (comme dans le code c# normal) : Si le bouton du nom "BoutonNumero1" est cliqué alors tu lance la storyboard appliquée au "BoutonNumero2" .

bah voici un code exemple qui utilise et 2 buttons "Start" et "Stop" pour demarrer l'animation d' un troisieme button...

code xaml du user control hote à dropper sur un form:

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<UserControl x:Class="WpfComboExemple.ControlAnimation"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
 
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
 
    <StackPanel 
        Margin="20"
        Grid.Row="0">
        <StackPanel Orientation="Vertical" Margin="0,20,0,0">
            <Button Name="startButton">Start</Button>
            <Button Name="stopButton">Stop</Button>
 
            <StackPanel.Triggers>
                <EventTrigger SourceName="startButton" RoutedEvent="Button.Click">
                    <BeginStoryboard Name="myStoryboard">
                        <Storyboard>
                            <MatrixAnimationUsingPath
                                Storyboard.TargetName="ButtonMatrixTransform"
                                Storyboard.TargetProperty="Matrix"
                                DoesRotateWithTangent="True"
                                Duration="0:0:5" 
                                RepeatBehavior="Forever" >
                                <MatrixAnimationUsingPath.PathGeometry>
                                    <PathGeometry 
                                        Figures="M 10,100 C 35,0 135,0 160,100 180,190 285,200 310,100" 
                                        />
                                </MatrixAnimationUsingPath.PathGeometry>
                            </MatrixAnimationUsingPath>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
                <EventTrigger SourceName="stopButton" RoutedEvent="Button.Click">
                    <StopStoryboard BeginStoryboardName="myStoryboard" />
                </EventTrigger>
            </StackPanel.Triggers>
 
        </StackPanel>
    </StackPanel>
    <StackPanel Grid.Row="1">
            <Button Name="SimpleButton" 
                    FontSize="20"
                    Content="SimpleButton"
                    Background="LightBlue" Foreground="Red"   
                   HorizontalAlignment="Center"
                     >
                <Button.RenderTransform>
                    <MatrixTransform x:Name="ButtonMatrixTransform">
                        <MatrixTransform.Matrix >
                            <Matrix />
                        </MatrixTransform.Matrix>
                    </MatrixTransform>
                </Button.RenderTransform>
            </Button>
        </StackPanel>
    </Grid>
</UserControl>

code xaml du form user :

Code XAML :

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

1
2
3
4
5
6
7
8
9
<Window x:Class="WpfComboExemple.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:local="clr-namespace:WpfComboExemple" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="300" Width="300">
    <Grid>
        <local:ControlAnimation></local:ControlAnimation>
    </Grid>
</Window>

bon code...