属性动画 是通过 Storyboard 来改变属性值
-
<Rectangle x:Name="rect" Width="200" Height="200" >
-
<Rectangle.Fill>
-
<SolidColorBrush Color="Beige" x:Name="color"></SolidColorBrush>
-
</Rectangle.Fill>
-
<Rectangle.Triggers>
-
<EventTrigger RoutedEvent="MouseEnter">
-
<EventTrigger.Actions>
-
<BeginStoryboard>
-
<Storyboard>
-
<DoubleAnimation Duration="0:0:1" Storyboard.TargetName="rect" Storyboard.TargetProperty="Width" To="400"></DoubleAnimation>
-
<ColorAnimation Duration="0:0:1" Storyboard.TargetName="color" Storyboard.TargetProperty="Color" To="Cyan"></ColorAnimation>
-
<DoubleAnimation Duration="0:0:1" Storyboard.TargetName="rect" Storyboard.TargetProperty="Height" To="400"></DoubleAnimation>
-
</Storyboard>
-
-
</BeginStoryboard>
-
</EventTrigger.Actions>
-
-
</EventTrigger>
-
<EventTrigger RoutedEvent="MouseLeave">
-
<EventTrigger.Actions>
-
<BeginStoryboard>
-
<Storyboard>
-
<DoubleAnimation Duration="0:0:1" Storyboard.TargetName="rect" Storyboard.TargetProperty="Width" To="200"></DoubleAnimation>
-
<ColorAnimation Duration="0:0:1" Storyboard.TargetName="color" Storyboard.TargetProperty="Color" To="Beige"></ColorAnimation>
-
<DoubleAnimation Duration="0:0:1" Storyboard.TargetName="rect" Storyboard.TargetProperty="Height" To="200"></DoubleAnimation>
-
-
</Storyboard>
-
</BeginStoryboard>
-
</EventTrigger.Actions>
-
</EventTrigger>
-
</Rectangle.Triggers>
-
-
-
</Rectangle>