animation sample
This commit is contained in:
39
PacticeSolution/TriggerAnimations/MainWindow.xaml
Normal file
39
PacticeSolution/TriggerAnimations/MainWindow.xaml
Normal file
@@ -0,0 +1,39 @@
|
||||
<Window x:Class="TriggerAnimations.MainWindow"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
xmlns:local="clr-namespace:TriggerAnimations"
|
||||
mc:Ignorable="d"
|
||||
Title="MainWindow" Height="200" Width="200">
|
||||
<Grid>
|
||||
<Border Background="LightGreen" Width="100" Height="100" BorderBrush="Green">
|
||||
<Border.Style>
|
||||
<Style TargetType="Border">
|
||||
<Style.Triggers>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Trigger.EnterActions>
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<ThicknessAnimation Duration="0:0:0.400" To="3" Storyboard.TargetProperty="BorderThickness"/>
|
||||
<DoubleAnimation Duration="0:0:0.300" To="125" Storyboard.TargetProperty="Height"/>
|
||||
<DoubleAnimation Duration="0:0:0.300" To="125" Storyboard.TargetProperty="Width"/>
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</Trigger.EnterActions>
|
||||
<Trigger.ExitActions>
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<ThicknessAnimation Duration="0:0:0.400" To="0" Storyboard.TargetProperty="BorderThickness"/>
|
||||
<DoubleAnimation Duration="0:0:0.300" To="100" Storyboard.TargetProperty="Height"/>
|
||||
<DoubleAnimation Duration="0:0:0.300" To="100" Storyboard.TargetProperty="Width"/>
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</Trigger.ExitActions>
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
</Border.Style>
|
||||
</Border>
|
||||
</Grid>
|
||||
</Window>
|
Reference in New Issue
Block a user