Trigger Animation by Mouse in out action : Storyboard « Windows Presentation Foundation « C# / CSharp Tutorial






<Window x:Class="Main"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="" Height="300" Width="300">
  <Window.Resources>
    <Storyboard x:Key="LowOpacity">
      <DoubleAnimation Storyboard.TargetProperty="Opacity" />
    </Storyboard>
    <Storyboard x:Key="HighOpacity">
      <DoubleAnimation Storyboard.TargetProperty="Opacity" To="1" AutoReverse="True" RepeatBehavior="Forever" />
    </Storyboard>
  </Window.Resources>
  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="0.5*" />
      <ColumnDefinition Width="0.5*" />
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
      <RowDefinition Height="*" />
      <RowDefinition Height="35" />
    </Grid.RowDefinitions>

    <Border Background="Firebrick" Width="100" Height="100" x:Name="Rect1" Opacity="0.4">
      <Border.Triggers>
        <EventTrigger RoutedEvent="Mouse.MouseEnter">
          <BeginStoryboard Storyboard="{DynamicResource HighOpacity}" />
        </EventTrigger>
        <EventTrigger RoutedEvent="Mouse.MouseLeave">
          <BeginStoryboard Storyboard="{DynamicResource LowOpacity}" />
        </EventTrigger>
      </Border.Triggers>
    </Border>
    <Rectangle Fill="Firebrick" Width="100" Height="100" Grid.Column="1" />
  </Grid>
</Window>
WPF Trigger Animation By Mouse In Out Action








24.116.Storyboard
24.116.1.EventTrigger RoutedEvent=Image.LoadedEventTrigger RoutedEvent=Image.Loaded
24.116.2.Controlling The StoryboardControlling The Storyboard
24.116.3.Trigger Animation by Mouse in out actionTrigger Animation by Mouse in out action
24.116.4.Remove Animations with StoryboardRemove Animations with Storyboard
24.116.5.Create an interactive animation using XAML and the StoryboardCreate an interactive animation using XAML and the Storyboard
24.116.6.Create animations using the Storyboard in codeCreate animations using the Storyboard in code
24.116.7.Get resource in code as StoryboardGet resource in code as Storyboard
24.116.8.Stop, resume animation with StoryboardStop, resume animation with Storyboard