Comment : animer un effet de lumière
Mise à jour : novembre 2007
Cette rubrique décrit comment animer la propriété GlowSize d'un OuterGlowBitmapEffect.
Exemple
L'exemple suivant anime les modifications apportées à la propriété GlowSize du OuterGlowBitmapEffect. Par conséquent, la lumière s'anime vers l'extérieur lorsque TextBox obtient le focus.
<Page xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml" >
<StackPanel>
<TextBox Width="200">
<TextBox.BitmapEffect>
<!-- This BitmapEffect is targeted by the animation. -->
<OuterGlowBitmapEffect x:Name="myOuterGlowBitmapEffect"
GlowColor="Blue" GlowSize="0" />
</TextBox.BitmapEffect>
<TextBox.Triggers>
<EventTrigger RoutedEvent="TextBox.GotFocus">
<BeginStoryboard>
<Storyboard>
<!-- Animate the GlowSize from 0 to 40 over half a second. -->
<DoubleAnimation
Storyboard.TargetName="myOuterGlowBitmapEffect"
Storyboard.TargetProperty="GlowSize"
From="0" To="40" Duration="0:0:0.5" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</TextBox.Triggers>
</TextBox>
</StackPanel>
</Page>
Pour l'exemple complet, consultez Galerie d'effets bitmap, exemple.
Voir aussi
Tâches
Comment : créer un effet de lumière sur le bord extérieur d'un objet
Comment : animer un effet visuel flou
Comment : animer un effet visuel d'ombre portée
Comment : animer plusieurs effets visuels
Galerie d'effets bitmap, exemple
Concepts
Vue d'ensemble des effets bitmap