Les animations WPF - introduction

Les animations WPF - introduction

<Conteneur.Triggers>

<!--EventTrigger RoutedEvent="evenement declenchant l'animation"-->          

          <EventTrigger RoutedEvent="Button.Click">

           <!-- BeginStoryboard-->

            <BeginStoryboard>

              <Storyboard>

              <!-- Type d'animation

              Storyboard.TargetName="nom de element visé"

              Storyboard.TargetProperty="la propriété de l'élement visé à modifier"

              From="valeur départ" To="valeur fin"

              Duration="durée s'ecoulant entre valeur début et fin"

              -->

              </Storyboard>

            </BeginStoryboard>

          </EventTrigger>

</Conteneur.Triggers>

I – En resource

Mettre en resource :

<!-- 1 Les resources-->

      <Window.Resources>

      <!-- Storyboard x:Key="Nom appelé par l'EventTrigger" -->

            <Storyboard x:Key="OnClick1">

            <!-- Animation désirée -->

                  <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="button1" Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">

                        <SplineColorKeyFrame KeyTime="00:00:05" Value="#FFA1A126"/>

                  </ColorAnimationUsingKeyFrames>

            </Storyboard>

      </Window.Resources>

      <!-- 2 les Triggers -->

      <Window.Triggers>

      <!--EventTrigger RoutedEvent="evenement visé" SourceName="nom de l'élément visé" -->

            <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="button1">

                  <BeginStoryboard Storyboard="{StaticResource OnClick1}"/>

            </EventTrigger>

      </Window.Triggers>

Utilisation :

<Button x:Name="button1" Width="250" Height="50" Content="OK"/>

II - Dans le control lui-même

<!-- 1 . -->

      <Button x:Name="button1" Width="250" Height="50" Content="OK">      

       <!-- 2 les Triggers du control-->

       <Button.Triggers> 

       <!--EventTrigger RoutedEvent="evenement declenchant l'animation"-->        

          <EventTrigger RoutedEvent="ButtonBase.Click">

           <!-- BeginStoryboard-->

            <BeginStoryboard>

              <Storyboard>

                <!-- Animation désirée -->

                  <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="button1"   Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">

                        <SplineColorKeyFrame KeyTime="00:00:05" Value="#FFA1A126"/>

                  </ColorAnimationUsingKeyFrames>

              </Storyboard>

            </BeginStoryboard>

          </EventTrigger>        

        </Button.Triggers>

        </Button>