Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Présentation

  • : Romagny13 - Du .NET,du pur .NET
  • Romagny13 - Du .NET,du pur .NET
  • : Cycle de progression Faire (quelque chose qui marche) -> comprendre ce que l’on fait/comment cela marche -> pousser plus loin les notions
  • Contact

Recherche

Articles Récents

8 mai 2007 2 08 /05 /mai /2007 11:05
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>
 

Partager cet article

Repost 0
Published by Romagny13 - dans Xaml
commenter cet article

commentaires