Gewusst wie: Animieren eines abgeschrägten visuellen Effekts
Aktualisiert: November 2007
In diesem Beispiel wird dargestellt, wie ein BevelBitmapEffect auf einer Schaltfläche animiert werden kann.
Beispiel
In folgendem Beispiel wird dargestellt, wie die Eigenschaften BevelWidth und LightAngle eines BevelBitmapEffect animiert werden. Wird der Mauszeiger über die Button bewegt, wird die innere Ebene der Abschrägung vergrößert angezeigt, während die animierte Lichtquelle der Abschrägung um die Button gedreht wird.
<Page xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml" >
<StackPanel>
<Button Width="200" Height="80" Margin="50">
MouseOver ME!
<Button.BitmapEffect>
<!-- This BitmapEffect is targeted by the animation. -->
<BevelBitmapEffect x:Name="myBevelBitmapEffect" BevelWidth="0" EdgeProfile="CurvedIn" />
</Button.BitmapEffect>
<Button.Triggers>
<EventTrigger RoutedEvent="Button.MouseEnter">
<BeginStoryboard>
<Storyboard>
<!-- Animate the BevelWidth from 0 to 15. -->
<DoubleAnimation
Storyboard.TargetName="myBevelBitmapEffect"
Storyboard.TargetProperty="BevelWidth"
From="0" To="15" Duration="0:0:0.5" AutoReverse="True"
/>
<!-- Animate the LightAngle so that the light source and
corresponding bevel shadows move around the button. -->
<DoubleAnimation
Storyboard.TargetName="myBevelBitmapEffect"
Storyboard.TargetProperty="LightAngle"
From="360" To="0" Duration="0:0:0.5" AutoReverse="True"
/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Button.Triggers>
</Button>
</StackPanel>
</Page>
Das vollständige Beispiel finden Sie unter Beispiel für den Katalog mit Bitmapeffekten.
Siehe auch
Aufgaben
Gewusst wie: Erstellen eines abgeschrägten visuellen Effekts
Gewusst wie: Animieren mehrerer visueller Effekte
Beispiel für den Katalog mit Bitmapeffekten